我使用媒体查询:
<head>
<link rel="stylesheet" media="screen and (min-width: 1431px) and (max-width: 1600px)" type="text/css" href="css/style1600.css" />
</head>
它适用于全窗口浏览器，但当我调整浏览器大小时，所有 CSS 样式都会消失。
最佳答案
这是因为您正在使用媒体查询，因此样式表中定义的样式只会在浏览器宽度介于 1431px 和 1600px 之间时应用。因此，如果您将浏览器窗口的大小调整为 800px，这些样式将不再适用。
如果您希望样式应用于整个文档，您应该删除媒体查询，使其看起来像这样
<link rel="stylesheet" media="screen" type="text/css" href="css/style1600.css" />
或者你可以使用两个样式表
<!-- These styles apply to the who document -->
<link rel="stylesheet" media="screen" type="text/css" href="css/style1600.css" />
<!-- These only apply when the browser width is between 1431px and 1600px -->
<link rel="stylesheet" media="screen and (min-width: 1431px) and (max-width: 1600px)" type="text/css" href="css/style1600.css" />
如果你现在对媒体查询了解不多here是帮助您入门的指南文章
关于html - 调整浏览器大小后没有 CSS 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22148396/