调整浏览器大小但不在移动视图中运行媒体查询

Question

在调整浏览器大小但不在Chromes移动视图中或在移动设备上打开时运行媒体查询。

这是我正在使用的媒体查询：

@media only screen and (max-width: 400px) {
.date {
    position: static;
    top: auto;
    right: auto;
}}

Answer 1

头部缺少此元标记

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