我有一系列特定于许多不同分辨率的样式表。 我使用标题中的引用链接到它们，例如：
<link rel="stylesheet" media="(min-width: 1024px) and (max-width: 1024px)" href="http://site.com/child-theme/1024.css" />
在Firefox中，它们可以毫无障碍地工作，但在Chrome（可能还有Safari）中，它不会尊重媒体查询，即使它在Firebug中可以清楚地检测到/看到它们，但是它们被划掉了。
不能为我的生活弄明白......任何帮助解决这个难题的人都会非常感激！
我的（wordpress）网站是：HBB-Inc.com 要查看它的外观，请在Firefox中查看...然后在Chrome中进行比较。
答案 0 :(得分：0)
由于 CSS 的性质，它代表 C ascading S < em> tyle S heets 。
互联网上许多地方的修改引用：
Cascade是特殊部分。样式表旨在级联 通过一系列的风格规则，如瀑布河。该 河里的水击中了瀑布里的所有岩石，但只有 底部的那些影响水流动的确切位置。相同 样式表中的级联是正确的。
换句话说，因为您的media="all"样式表在头部较低的位置链接，它们会影响您在此过程中先前设置过的相同元素的外观。
我认为将media属性设置为all的样式表移动到头部的开头会解决您的问题