摘要:被稱為字體提升,也被稱為,是給移動端瀏覽器提供的一個特性當我們在手機上瀏覽網頁時,很可能因為原始頁面寬度較大,在手機屏幕上縮小后就看不清其中的文字了。
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
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/113460.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 -...
閱讀 1176·2021-10-11 10:59
閱讀 1963·2021-09-29 09:44
閱讀 853·2021-09-01 10:32
閱讀 1423·2019-08-30 14:21
閱讀 1870·2019-08-29 15:39
閱讀 2973·2019-08-29 13:45
閱讀 3531·2019-08-29 13:27
閱讀 2006·2019-08-29 12:27