项目使用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才知道这个只有在一些智能手机和平板电脑上使用。 桌面浏览器和一些平板电脑浏览器并没有一些溢出算法。