IPhone在横屏字体变大解决办法-webkit-text-size-adjust

在web app开发过程中经常会遇到IPhone在横屏的时候，字体突然放大。而在Android上到是没有这样的问题。

解决的方法，可以通过-webkit-text-size-adjust来设置。很多网站包括京东，搜狐的手机版都是这样设置的：-webkit-text-size-adjust：none。这样设置在手机横屏时不会导致字体突然变大，尤其是在iPhone上。不过这样设置有隐患，所以建议大家 -webkit-text-size-adjust：none 改成 -webkit-text-size-adjust：100%

-webkit-text-size-adjust：none 的时候会导致pc 版的chrome和safari缩放的时候出现问题（ps：在chrome下测试没有出现此类问题，Safari没测试），不过还是建议大家使用

-webkit-text-size-adjust：100%

相关文档链接：http://xxxxxly.in/posts/text-size-adjust/

转载于:https://www.cnblogs.com/webQdesign/p/5730237.html

IPhone在横屏字体变大解决办法-webkit-text-size-adjust相关推荐

android 横屏字体变小,网页自适应解决iPhone手机横屏字体变大问题
先森在完成网站自适应的过程中,遇到了很多大大小小的问题,其中一个问题就是横屏字体变大的问题.这个问题一碰到感觉很麻烦,其实解决方法却很简单. 网页自适应解决iPhone手机横屏字体变大问题网上搜索结 ...
Word插入公式行距变大解决办法
Word插入公式行距变大解决办法针对插入公式的段落,修改行距为固定值,具体修改为多少要尝试,效果和纯文字段落的行距看上去差不多就行.比如我用的宋体小五号,0.5倍行距,修改行距为固定值16磅就差不多 ...
win10 桌面图标突然变大解决办法
win10 桌面图标突然变大解决办法产生原因,键盘不知道按到什么了.突然间,桌面的图标变得非常大,如图所示: 但是没有参照物,你们并能理解有多大.所以我胡乱按了一通后,还是没办法,于是我就是重启,希 ...
MATLAB右键编辑器和工具栏字体变小解决办法
问题: matlab在编辑器处右键突然工具栏和编辑器字体变小解决办法: 右键桌面matlab图片选择属性,出现下图所示界面只更改编辑器字体字号大小,选择主页-环境-预设
微信小程序横屏字体变大的完美解决方案
微信小程序设置横屏之后原本的rpx单位就不再适用. rpx:屏幕宽度是固定的 750rpx,也就是说:5rpx == 5 / 750 * 屏幕宽度,竖屏切换成横屏,屏幕宽度就会变大,5rpx也会随即变 ...
C盘不断变大解决办法
C盘不断变大(日志文件不断积累)解决办法 1.打开win+r输入regedit打开注册表编辑器 2.在注册表编辑器打开HKEY_LOCAL_MACHINE然后转到SYSTEM,再找到ControlSe ...
win10原生输入法间隔变大解决办法
原因: 全角和半角的缘故全角 can you 半角 can you 解决办法在输入法状态栏右键找到全角/半角,切换回来
eclipse注释里面中文字大小不一致解决办法。eclipse注释里面数字后中文字号变大解决办法。eclipse注释里面符号后字体变小的方法。调成中欧字符仍然没用解决方案
[问题] Eclipse中文字号大小不一.尝试过网上所说的修改为中欧字符仍然没变. [解决方案] 1. 进入设置字体的界面:Window→Preferences→General→Appearences ...
安卓在切换到横屏后,字体变大
安卓在切换到横屏后,字体变大在清单文件中(AndroidManifest.xml) 切换横屏 android:screenOrientation="landscape" 或者在 ...
w ndows7放大字体,Windows7字体变大的两个解决方法
朋友发现他的Windows7操作系统的字体都变大了,无论是菜单还是应用程序,甚至桌面和任务栏的图标文字都显示的字体比以前都大了不少,造成了很多错位.怎么样将字体变小更改回原来的大小呢?其实可能有多种可 ...

IPhone在横屏字体变大解决办法-webkit-text-size-adjust

IPhone在横屏字体变大解决办法-webkit-text-size-adjust相关推荐

最新文章

热门文章