媒体查询最小宽度不起作用

Question

媒体查询最小宽度不起作用

Kar*_*hed 3 html css media-queries responsive-design

我有两个媒体询问。

@media (min-width: 1300px) {
    .container {
        width: auto;
        max-width: 1360px;
    }
}
@media (min-width: 1565px) {
    .container {
        width: auto;
        max-width: 1576px;
    }
}

Run Code Online (Sandbox Code Playgroud)

无论宽度是多少。容器始终作为第一个媒体查询。我的意思是当主体宽度为 1570px 时，容器宽度仍然为 1360px！

Answer 1

fot*_*ijr 10

在 HTML 中设置视口<head>非常重要。

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

归档时间：	9 年，4 月前
查看次数：	4359 次
最近记录：	8 年，5 月前