踩坑之路–微信浏览器font-size

  • Post author:
  • Post category:其他


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 版权协议,转载请附上原文出处链接和本声明。