ios系统上拉下拉出现白色背景解决方案

最近做的小程序 测试觉得 ios上拉下拉出现空白 觉得体验很不友好,在网上找了各种资料 基本大同小异 如果业务需求是需要纯背景的话 使用方案一 如果是图片做背景的话 使用方案二

方案一:

在page.json文件内配置 :”backgroundColor”: “#XXX” 属性 或者在每个page文件夹的json文件里面设置 都是可以的

方案二:

如果背景图片颜色比较单一 可以使用与之相近的颜色代替

在wxml里面

<view class='view_container'>
  <image  class="img_background" mode='widthFix' src='http://m.360buyimg.com/marketingminiapp/jfs/t23068/25/834363295/3013355/77286696/5b459faaN3f3bc27f.png'></image>
  ***这里是写主代码的 上面的img只是做背景图***
</view>  

wxss

page {
  height: 100%;
  width: 100%; 
}
.view_container{
   width: 100%;
   height: 100%; 
   display: flex; 
   flex-direction: column;  
   /* background: url('http://m.360buyimg.com/marketingminiapp/jfs/t23068/25/834363295/3013355/77286696/5b459faaN3f3bc27f.png') no-repeat;
   background-size: cover; */
   position: relative; 
}
.img_background{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
}

猜你喜欢

转载自blog.csdn.net/etemal_bright/article/details/81121979