爲什麼字體大小會根據移動設備的縱向或橫向而改變？

Question

我使用的是px字體大小，它可能與它有關。

然而，人像我的字體大小是一個良好的閱讀大小：

但景觀字號僅僅是太大。 這是一個iPhone 6+屏幕

是解決這個問題，對於縱向和橫向模式的媒體查詢的最佳方式？

Answer 1

設置在你的CSS文件中的文本大小調整性質是這樣的：在https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

html { 
    -webkit-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
} 

更多信息。

Answer 2

由於湯姆說，字體大小不變，您的視口是。這可以使用視口元標記進行更改，但這會改變整個頁面。如果您只想要更改特定文本項目，則媒體查詢會更好。

我在下面添加了風景iphone和肖像iphone尺寸供您參考，並使用h1標題作爲示例風格。

/*iphone landscape*/ 
    @media all and (min-width:321px) and (max-width:480px) { 
     h1 { 
      font-size:18px; 
     } 
    } 

    /*iphone portrait and below*/ 
    @media all and (max-width:320px) { 
     h1 { 
      font-size:16px; 
     } 
    }