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