text-size-adjust: 100% 有什麼做用？

html { text-size-adjust: 100%; }

是解決 iPhone 橫屏時默認會放大文字的問題，但是我試過，上面的css並不能解決，而後我發現 meta viewport 的initial-scale=1 卻是能夠解決這個放大問題。

<meta name="viewport" content="width=device-width,initial-scale=1"/>

那麼問題來了，text-size-adjust: 100% 究竟是什麼做用？ 仍是爲了兼容低版本瀏覽器？

答：

iPhone 和 Android 的瀏覽器縱向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自動調整字體大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。

text-size-adjust 設爲 none 或者 100% 關閉字體大小自動調整功能.

之因此不使用 none 而是 100% 的緣由，能夠看看這篇文章 必定不能設定成 -webkit-text-size-adjust:none 的緣由