Nexus 5上的CSS媒体查询

Question

我在我的关系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" />