摘要：被称为字体提升，也被称为，是给移动端浏览器提供的一个特性当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。
Font Boosting
Font Boosting被称为字体提升，也被称为Text Autosizer，Font Inflation.是 Webkit 给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大，保证在即不需要左右滑动屏幕，也不需要双击放大屏幕内容的前提下，也可以让人们方便的阅读页面中的文本。
我们先来看看现象：
Test Font Boosting
Test Font Boosting
Test Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font BoostingTest Font Boosting
该图片中显示的p元素font-size设置的是24px，实际现实的是47.5556px.
出现该特性的原因是因为：
在移动端页面缩放情况下(initial-scale!=1)，chrome有可能重新调整字号；
未限定尺寸的文本流中有效
解决方案
Font Boosting 仅在未限定尺寸的文本流中有效，给元素指定宽高，就可以避免 Font Boosting 被触发
可通过指定max-height来避免触发。比如 .class {max-height:100%;}
.class{text-size-adjust:none;}
指定initial-scale = 1
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/108077.html
摘要：被称为字体提升，也被称为，是给移动端浏览器提供的一个特性当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。 Font Boosting Font Boosting被称为字体提升，也被称为Text Autosizer，Font Inflation.是 Webkit 给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较...
摘要：被称为字体提升，也被称为，是给移动端浏览器提供的一个特性当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。 Font Boosting Font Boosting被称为字体提升，也被称为Text Autosizer，Font Inflation.是 Webkit 给移动端浏览器提供的一个特性：当我们在手机上浏览网页时，很可能因为原始页面宽度较...
摘要：系列安装报错结果一样的错解决方法成功了过拟合当你观察训练精度高但检测精度低很可能你遇到过度拟合问题。正如其名，它是的一个实现，作者为正在华盛顿大学研究机器学习的大牛陈天奇。为了方便大家使用，陈天奇将封装成了库。 xgboost系列 ubuntu14.04 安装 pip install xgboost 报错 sudo apt-get update 结果一样的错 解决方法： sudo -...
阅读 1906·2021-11-09 09:46
阅读 2488·2019-08-30 15:52
阅读 2447·2019-08-30 15:47
阅读 1323·2019-08-29 17:11
阅读 1747·2019-08-29 15:24
阅读 3503·2019-08-29 14:02
阅读 2443·2019-08-29 13:27
阅读 1201·2019-08-29 12:32
