h5 项目中,发现大部分手机型号都没问题,一款iphonexr拿着乱了的样式找到了我
经过百度发现:
用微信浏览器打开h5页面,小部分苹果手机会导致无法调整font-size
手机(不是俺的,就不截图了) 结果就是:导致font-size:12px无法应用于文字上
类似下图(借鉴于
浏览器字体大小改变(微信浏览器)影响页面布局问题_weixin_34266504的博客-CSDN博客
)
解决方案该博客(
浏览器字体大小改变(微信浏览器)影响页面布局问题_weixin_34266504的博客-CSDN博客
)中提供了两种,本次项目中选择了最简单的
body{
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
}
好好写样式即可
版权声明:本文为weixin_54731282原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。