【Vu移动端】常见移动端问题踩坑

项目使用Vue开发，当然React开发也是同理，本文记录自己一些踩坑的心得，希望能对大家起到一点微小的作用

1.横屏字体变大问题

iPhone、iPad在横屏的时候，整个页面的字体突然大了一号，安卓手机是正常的

盗两张图作为例子_(:з」∠)_

解决方法，加上text-size-adjust防止iPhone在坚屏转向横屏时放大文字

html{

　　-webkit-text-size-adjust:none;

　　-ms-text-size-adjust:none;

　　-moz--text-size-adjust:none;

　　text-size-adjust:none;

}

 

注：此效果需要在手机上测试，笔者在电脑上用Chrome测试了好多遍都无效，翻了MDN才知道这个只有在一些智能手机和平板电脑上使用。 桌面浏览器和一些平板电脑浏览器并没有一些溢出算法。