page高度出现0.5px时 底部会有0.5px缝隙
发布于 6 年前 作者 na87 12716 次浏览 来自 问答
  • page未设置背景色

  • 第一级container高度100%,背景黑色。

  • wx.setBackgroundColor黑色。

  • 在container使用rem/rpx布局时,高度会出现0.5px的情况,如1225.5px。

  • 此时page高度也为1225.5px,bottom为0.5px,真机会露出1px白线。


临时修复方式为

page {

height: 100%;

overflow-y: scroll;

-webkit-overflow-scrolling: touch;

}

但偶尔会跟下拉刷新冲突(页面不在顶部,但也触发下拉更新。)


考虑其它修复方式,js计算container高度并取整,比较复杂。


希望的修复方式

  • 想请问有没有方法用js给page设置背景色?(会切换页面配色主题,所以要js切,不能写死在css)
1 回复

其实很多是不支持0.5px的,一般1px是最小单位

回到顶部