position: fixed定位带来的白色横线

1.使用fixed可以帮我们快速的相对屏幕固定位置,但是页给我们带来的很多问他,比如滚动,层级,还有手机设备可能会出现一条横线,这种情况一般是ios或者设置四个属性值才会出现

如图:
position: fixed定位带来的白色横线_第1张图片

解决1:transform:
translate3d(0,-1px,0);//我为哈要写这种呢因为在ipad顶部和底部会留莫名的白线我也不懂为啥会出现这种,我也根据网上设置了这样但是还是不行

解决2:新建个纯色after覆盖,发现还是不行

大招来了>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

height: 102vh !important;//可能在有些设备高度有点特殊
transform: translate3d(0,-1px,0);

你可能感兴趣的:(js,ts,css,html,html5,css3)