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