手机网页html字体很小的解决办法
生活随笔
收集整理的這篇文章主要介紹了
手机网页html字体很小的解决办法
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
手機網頁html字體很小的解決辦法:
<meta name="viewport" content="width=device-width" initial-scale="1"/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
移動設備優先:
<meta name="viewport" content="width=device-width, initial-scale=1.0">width?屬性控制設備的寬度。假設您的網站將被帶有不同屏幕分辨率的設備瀏覽,那么將它設置為?device-width?可以確保它能正確呈現在不同設備上。
initial-scale=1.0?確保網頁加載時,以 1:1 的比例呈現,不會有任何的縮放。
?
網站看上去更像原生應用:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">通過為?viewport meta?標簽添加?user-scalable=no?可以禁用其縮放(zooming)功能。
通常情況下,maximum-scale=1.0?與 user-scalable=no 一起使用。這樣禁用縮放功能后,用戶只能滾動屏幕,就能讓您的網站看上去更像原生應用的感覺。
總結
以上是生活随笔為你收集整理的手机网页html字体很小的解决办法的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CIO40知识星球—论IT人(挨踢)的自
- 下一篇: 状态模式(State)-七十二变