微信小程序页面顶部出现一段空白解决方法

出现问题：

如图所示。

解决方法：

在index.wxss文件中配置的.container中加入设置：padding: 0rpx。即：

.container {padding: 0rpx;margin: 50rpx;
}

解决后效果如图：
已经没有顶部空白了，问题解决！

参考链接：

这里我的设置是参考CSS中的padding属性。详细用法可参考：
https://www.w3school.com.cn/css/pr_padding.asp
参考的原文链接：
http://www.jisuapp.cn/news/6023.html

微信小程序页面顶部出现一段空白解决方法相关推荐

IOS微信小程序页面滚动导致滚动穿透的解决办法
IOS微信小程序页面滚动导致滚动穿透的解决办法当微信小程序页面存在弹窗并且有可滚动的列表时,IOS默认的页面滚动会使弹窗滚动列表失焦,从而出现弹窗列表无法滚动的情况第一步第二步当微信小程序页面 ...
微信小程序开发错误：LoginError {type: ERR_WX_GET_USER_INFO}解决方法
错误内容微信小程序登录接口报以下错误: LoginError {type: "ERR_WX_GET_USER_INFO", message: "获取微信用户信息失败,请 ...
微信小程序开发工具win10下编译非常慢解决方法
微信小程序开发工具win10下编译非常慢的解决方法点击微信小程序开发工具右侧详情,在本地设置中将[启用多核心编译]选项去掉,开发工具重启即可
微信小程序【渲染层网络层错误】解决方法
问题场景: 利用微信小程序开发平台进行编写过程中,关于image组件使用,会出现图片无法加载问题,原本一个简单的问题却找了各种方法没有解决.此次问题出现使用的开发平台调试基础库版本为2.30.1,因为 ...
微信小程序代码大于2M的一种解决方法
今天,上传小程序代码到另一个微信号,提示代码尺寸过大,卧槽,我上传另一个微信h号都成功了呀!死活找不到原因,就大了270K左右,真是郁闷.偶然把灰级度调小,上传就可以了.估计是文件没压缩就上传,不明白 ...
微信小程序接收富文本编辑器图片大小解决方法
一.先上案列: 1.图片没有尺寸影响整体布局二.改完之后: 三.上代码展示 1.wxml  <vi ...
微信小程序「渲染层网络层错误」解决方法
解决方案:利用bindload判断图片加载完毕,修改状态显示图片 wxml: <view wx:for="{{flash}}"><image src=" ...
微信小程序自定义顶部导航栏标题 navigationStyle
微信小程序自定义顶部导航栏标题单页面自定义导航栏修改需要自定义的页面,的页面配置.json文件全部页面自定义导航修改公共页面配置app.json 单页面自定义导航栏修改需要自定义的页面,的 ...
微信小程序界面从右边滑出_微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...

微信小程序页面顶部出现一段空白解决方法

出现问题：

解决方法：

参考链接：

微信小程序页面顶部出现一段空白解决方法相关推荐

最新文章

热门文章