-2

基本上我试图阻止特定宽度范围（240px 到 480px）的一些样式。在此范围内，我不希望渲染某些样式。

为了更清楚：

我想要 color:#000 用于除宽度-> 240px 到 480px 之外的所有其他设备宽度。我怎样才能利用媒体而不是所有查询。希望我很清楚..:(

这是正确的语法吗：

我有 ：

 @media not all and (min-width: 240px) and (max-width: 480px), not all and (min-device-width: 240px) and (max-device-width: 480px) {

我在尝试什么：

@media not all and( (min-width: 240px and max-width: 480px )and (min-device-width: 240px and max-device-width: 480px) ){

我可以将两者结合起来吗：

 @media not all and (min-width: 240px and max-width: 480px) {}
 @media not all and (min-device-width: 240px and max-device-width: 480px) {}

任何帮助表示赞赏

4

1 回答 1

1

您最初拥有的是正确的语法。其他无效。

在not每个媒体查询中否定媒体查询本身，因此如果浏览器匹配某个媒体查询，则not意味着它必须忽略该@media规则。如果浏览器与媒体查询不匹配，则not意味着它必须应用规则。

当您not在单个规则中组合两个或多个媒体查询时，至少其中一个必须评估为真（或“非假”）才能使用该规则。

如果您要一次尝试not 所有测试，那么您需要使用以下方法将它们全部链接起来and：

@media not all and (min-width: 240px) and (max-width: 480px) and (min-device-width: 240px) and (max-device-width: 480px)

但取决于您正在测试的设备，这可能有意义，也可能没有意义。

于 2013-09-06T09:10:15.240 回答