移动端网页字体过多时,字体被自动放大问题
生活随笔
收集整理的這篇文章主要介紹了
移动端网页字体过多时,字体被自动放大问题
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
手機(jī)網(wǎng)頁(yè)開(kāi)發(fā)中遇到當(dāng)出現(xiàn)一段較長(zhǎng)文字時(shí),自動(dòng)被莫名放大了,經(jīng)查驗(yàn)代碼無(wú)誤,后來(lái)在網(wǎng)上查詢(xún)到其原因:
//"主要問(wèn)題在于 Font Boosting 特性" //"這個(gè)特性被稱(chēng)做「Text Autosizer」,又稱(chēng)「Font Boosting」、「Font Inflation」" //是 Webkit 給移動(dòng)端瀏覽器提供的一個(gè)特性" //"當(dāng)我們?cè)谑謾C(jī)上瀏覽網(wǎng)頁(yè)時(shí),很可能因?yàn)樵柬?yè)面寬度較大,在手機(jī)屏幕上縮小后就看不清其中的文字了。" //"而 Font Boosting 特性在這時(shí)會(huì)自動(dòng)將其中的文字字體變大,保證在既不需要左右滑動(dòng)屏幕,也不需要雙擊放大屏幕內(nèi)容的前提下,也可以讓人們方便的閱讀頁(yè)面中的文本。" ——引用自 桔子_Lynn 的博客博客中也給出了三種解決辦法,這里記錄一種自己認(rèn)為很實(shí)用的方法
.demo{max-width: 99999px;max-height: 99999px;}感謝 桔子_Lynn 對(duì)于此問(wèn)題的解決。
總結(jié)
以上是生活随笔為你收集整理的移动端网页字体过多时,字体被自动放大问题的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Unity3d C#实现语音合成(TTS
- 下一篇: 外事不决问元芳,内事不决找搜狗-----