Nexus 5上的CSS媒体查询

Question

我在nexus 5上发现了一些奇怪的行为 - 或者我做错了什么？

我用这个CSS的一个更大的字体在具有小显示屏（或纵向视图）的移动设备

html { 
    font-size: 14px; 
} 

@media screen and (max-width : 800px) { 
    html{ 
     font-size: 20px; 
    } 
} 

纵向装在页面上查看我的Nexus 5时

，它看起来就像它应该：20px字体大小。现在，当将手机变为横向视图时，它会变为14px。到现在为止还挺好。

现在，当手机回到纵向视图时，字体大小保持为14px。为什么？我的错？

Answer 1

我不确定，但是您设置了视口元标记吗？

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