问题叙述
用了rem.js来方便设计稿和屏幕之间的差别
但是浏览器对文字有保护机制,最小字号是16px,(查资料时都说是12px,还需要查一下,回来更新!),所以会和实际的高度有误差,导致应该一屏显示的,在谷歌测试会超出高度出现滚动条,而在手机上则会正好一屏。
解决过程中,把字体多出的高度 在其他地方减去了,又有了新的问题,谷歌测试是满屏正好667高度,而手机则会缺少一块高度,这里计算可能还是有问题……
不过发现了别的错误,html,body{height:100%}
body里有个大盒子#app 这个没有设置 height:100%,所以到时长度没有沾满整个屏幕
暂时解决到这里