pc端页面到移动端显示时，相同字体大小移动端显示不一致的问题 |
您所在的位置：网站首页 › html怎样设置字体大小一致 › pc端页面到移动端显示时，相同字体大小移动端显示不一致的问题 |
|
https://github.com/amfe/article/issues/10 原来这个特性被称做**「Text Autosizer」，又称「Font Boosting」、「Font Inflation」**，是 Webkit 给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大，保证在即不需要左右滑动屏幕，也不需要双击放大屏幕内容的前提下，也可以让人们方便的阅读页面中的文本。 不过这个特性并不总是有必要的，还好在查到问题原因的同时，大家也讨论了对这个问题的一些处理方案： 手动指定 viewport width=320，这时 Font Boosting 不会被触发。（后边可以知道，这个说法不严谨，在其他设置均为默认值时，这一条才有效）Font Boosting 仅在未限定尺寸的文本流中有效，给元素指定宽高，就可以避免 Font Boosting 被触发。显然第 2 条方案是有缺陷的，文本内容不可能都指定宽高。不过还好，我们通过指定 max-height , min-height， min-width, max-width（经 @ovaldi 指正，只有 max-height 有效） 也是可以的。比如 body * { max-height: 999999px; } 就可以无副作用的禁掉 Font Boosting特性。当然，我觉得没必要使用通用选择器，用类似 p { max-height: 999999px; } 可能更好一些。 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |