html - 媒体查询的工作宽度与我在 style.css 文件中所说的不同

Question

我在我的 .css 文件中定义了媒体查询:

    @media (max-width: 1076px) {
     .menu li{
        width: 168px;
     }
}

但是当我调整窗口大小时，当窗口的大小最大为 970 像素时，“li”元素开始具有 168 像素的宽度。 我也有线

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

在我的 .html 文档中。可能出了什么问题？

Answer 1

@media (min-width: 1076px) {
 .menu li{
    width: 168px;
 }
}

1. 您忘记关闭大括号 (})。
2. max 表示宽度小于 1976px 会影响。如果我理解正确的话，你需要相反的东西 - min。