2014-03-29 84 views
0

我在nexus 5上發現了一些奇怪的行爲 - 或者我做錯了什麼?Nexus 5上的CSS媒體查詢

我用這個CSS的一個更大的字體在具有小顯示屏(或縱向視圖)的移動設備

html { 
    font-size: 14px; 
} 

@media screen and (max-width : 800px) { 
    html{ 
     font-size: 20px; 
    } 
} 
縱向裝在頁面上查看我的Nexus 5時

,它看起來就像它應該:20px字體大小。現在,當將手機變爲橫向視圖時,它會變爲14px。到現在爲止還挺好。

現在,當手機回到縱向視圖時,字體大小保持爲14px。爲什麼?我的錯?

回答

3

我不確定,但是您設置了視口元標記嗎?

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

+0

哈哈我確定我有,但我忘了:) –