0

我有一整套特定于许多不同分辨率的样式表。我使用标题中的引用链接到它们，例如：

<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 中进行比较。

4

1 回答 1

0

这是因为CSS的性质，它代表C ascading S样式 表。

互联网上许多地方对此的修正报价：

级联是特殊的部分。样式表旨在通过一系列样式规则级联，就像瀑布上的河流。河流中的水会撞击瀑布中的所有岩石，但只有底部的岩石会影响水流的确切位置。样式表中的级联也是如此。

换句话说，因为您的media="all"样式表在您的头部下方链接到较低的位置，它们会影响您在此过程中较早设置样式的相同元素的外观。

我认为将media属性设置为的样式表移动all到头部的开头将解决您的问题

于 2013-05-24T04:19:00.923 回答