最近遇到一个奇怪的问题,我移动端一直以来就是用的rem布局,也没什么问题。但是,昨天出了一个很诡异的问题:
我在body里面加了一个背景图片,设置background-size: 7.5rem;安卓手机和iphone7plus都是正常的,当用iphone7或者iphone6测试的时候,偶尔会出现背景图片非常非常小,出现在左上角的位置,咋一看,好似没有加载一样。
解决办法:
1、如果把background-size设置成contain则就会避免这个问题。
2、还有一种方法就是,因为我在页面上面做了一个文字滚动效果,用js实现的,而这个滚动效果的布局也是rem,当只有布局,没有js滚动效果的时候,貌似没有问题,如果加上js滚动效果就会复现这个问题,而如果修改为px布局,即使有js滚动效果,也可以正常了。感觉很是奇怪