为什么我的 HTML 文档总是加载我的两个外部样式表的最后一次出现？
Why is my HTML document always loading the last occurrence of my two external stylesheets?
我想将媒体查询用于响应式网页设计。一开始，如果宽度高于 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)" />
有趣的是加载了最后指定的外部样式表。如果我调换两者的顺序，我会得到另一个样式表。
但它们应该根据浏览器的宽度而改变。
我的建议是将这两个样式表合并到一个文件中。您将按照自己的方式引入一个额外的 html 请求，这会降低您网站的速度。另外，最后一个加载的原因是因为它们被命名为相同的东西，所以浏览器正在更新 css 文件，即使它们来自两个不同的路径。如果您不想合并它们，请尝试重命名一个。
我想将媒体查询用于响应式网页设计。一开始，如果宽度高于 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)" />
有趣的是加载了最后指定的外部样式表。如果我调换两者的顺序，我会得到另一个样式表。
但它们应该根据浏览器的宽度而改变。
我的建议是将这两个样式表合并到一个文件中。您将按照自己的方式引入一个额外的 html 请求，这会降低您网站的速度。另外，最后一个加载的原因是因为它们被命名为相同的东西，所以浏览器正在更新 css 文件，即使它们来自两个不同的路径。如果您不想合并它们，请尝试重命名一个。