摘要:被稱為字體提升,也被稱為,是給移動(dòng)端瀏覽器提供的一個(gè)特性當(dāng)我們?cè)谑謾C(jī)上瀏覽網(wǎng)頁時(shí),很可能因?yàn)樵柬撁鎸挾容^大,在手機(jī)屏幕上縮小后就看不清其中的文字了。
Font Boosting
Font Boosting被稱為字體提升,也被稱為Text Autosizer,F(xiàn)ont Inflation.是 Webkit 給移動(dòng)端瀏覽器提供的一個(gè)特性:當(dāng)我們?cè)谑謾C(jī)上瀏覽網(wǎng)頁時(shí),很可能因?yàn)樵柬撁鎸挾容^大,在手機(jī)屏幕上縮小后就看不清其中的文字了。而 Font Boosting 特性在這時(shí)會(huì)自動(dòng)將其中的文字字體變大,保證在即不需要左右滑動(dòng)屏幕,也不需要雙擊放大屏幕內(nèi)容的前提下,也可以讓人們方便的閱讀頁面中的文本。
我們先來看看現(xiàn)象:
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設(shè)置的是24px,實(shí)際現(xiàn)實(shí)的是47.5556px.
出現(xiàn)該特性的原因是因?yàn)椋?/p>
在移動(dòng)端頁面縮放情況下(initial-scale!=1),chrome有可能重新調(diào)整字號(hào);
未限定尺寸的文本流中有效
解決方案
Font Boosting 僅在未限定尺寸的文本流中有效,給元素指定寬高,就可以避免 Font Boosting 被觸發(fā)
可通過指定max-height來避免觸發(fā)。比如 .class {max-height:100%;}
.class{text-size-adjust:none;}
指定initial-scale = 1
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/108077.html
摘要:被稱為字體提升,也被稱為,是給移動(dòng)端瀏覽器提供的一個(gè)特性當(dāng)我們?cè)谑謾C(jī)上瀏覽網(wǎng)頁時(shí),很可能因?yàn)樵柬撁鎸挾容^大,在手機(jī)屏幕上縮小后就看不清其中的文字了。 Font Boosting Font Boosting被稱為字體提升,也被稱為Text Autosizer,F(xiàn)ont Inflation.是 Webkit 給移動(dòng)端瀏覽器提供的一個(gè)特性:當(dāng)我們?cè)谑謾C(jī)上瀏覽網(wǎng)頁時(shí),很可能因?yàn)樵柬撁鎸挾容^...
摘要:被稱為字體提升,也被稱為,是給移動(dòng)端瀏覽器提供的一個(gè)特性當(dāng)我們?cè)谑謾C(jī)上瀏覽網(wǎng)頁時(shí),很可能因?yàn)樵柬撁鎸挾容^大,在手機(jī)屏幕上縮小后就看不清其中的文字了。 Font Boosting Font Boosting被稱為字體提升,也被稱為Text Autosizer,F(xiàn)ont Inflation.是 Webkit 給移動(dòng)端瀏覽器提供的一個(gè)特性:當(dāng)我們?cè)谑謾C(jī)上瀏覽網(wǎng)頁時(shí),很可能因?yàn)樵柬撁鎸挾容^...
摘要:系列安裝報(bào)錯(cuò)結(jié)果一樣的錯(cuò)解決方法成功了過擬合當(dāng)你觀察訓(xùn)練精度高但檢測(cè)精度低很可能你遇到過度擬合問題。正如其名,它是的一個(gè)實(shí)現(xiàn),作者為正在華盛頓大學(xué)研究機(jī)器學(xué)習(xí)的大牛陳天奇。為了方便大家使用,陳天奇將封裝成了庫。 xgboost系列 ubuntu14.04 安裝 pip install xgboost 報(bào)錯(cuò) sudo apt-get update 結(jié)果一樣的錯(cuò) 解決方法: sudo -...
閱讀 1915·2021-11-09 09:46
閱讀 2492·2019-08-30 15:52
閱讀 2455·2019-08-30 15:47
閱讀 1325·2019-08-29 17:11
閱讀 1750·2019-08-29 15:24
閱讀 3508·2019-08-29 14:02
閱讀 2449·2019-08-29 13:27
閱讀 1209·2019-08-29 12:32