我想使用媒体查询进行响应式网页设计。首先，如果宽度高于900px或低于900px，我想要两个不同的CSS文件。
这是我整合外部样式表的方式：
<link id="Min900" rel="stylesheet" type="text/css" href="style/Min900/schwarz.css" media="screen and (min-width: 900px)" />
<link id="Max899" rel="stylesheet" type="text/css" href="style/Max899/schwarz.css" media="screen and (max-width: 899px)" />
有趣的是最后指定的外部样式表已加载。如果我切换两者的顺序，我会让其他样式表工作。
但是它们应该根据浏览器的宽度而改变。
答案 0 :(得分：0)
我的建议是将这两个样式表合并为一个文件。您将以自己的方式引入额外的HTML请求，这会降低您的网站速度。此外，最后一个加载的原因是因为它们被命名为相同的东西，所以浏览器正在更新css文件，即使它们来自两个不同的路径。如果您不想将它们组合，请尝试重命名。