height100%

问题叙述

用了rem.js来方便设计稿和屏幕之间的差别

但是浏览器对文字有保护机制,最小字号是16px,(查资料时都说是12px,还需要查一下,回来更新!),所以会和实际的高度有误差,导致应该一屏显示的,在谷歌测试会超出高度出现滚动条,而在手机上则会正好一屏。

解决过程中,把字体多出的高度 在其他地方减去了,又有了新的问题,谷歌测试是满屏正好667高度,而手机则会缺少一块高度,这里计算可能还是有问题……

不过发现了别的错误,html,body{height:100%}

body里有个大盒子#app 这个没有设置 height:100%,所以到时长度没有沾满整个屏幕

 

暂时解决到这里

你可能感兴趣的:(web)