当你接触移动端开发,
我想你们应该都有遇到过这个问题
当我们制作自适应的时候,
竖屏都很正常,
当我们把设备横屏时,
见证奇迹的发生了,
我有的字体变大了!
然后各种字体设计无效!
很明显当手机由竖屏转向横屏的时,
内容中的文字自动变大,
跟你自己设置的大小无关。
我提供的解决方案就是
在你自己css中添加

 
  1. -webkit-text-size-adjust: none;  
  2. -moz-text-size-adjust:none;  
  3. -ms-text-size-adjust: none;  
  4. text-size-adjust: none  

这样就能禁止当手机由竖屏转向横屏的时字体问题了