Question

我想做一个说：

的媒体查询

only screen and either
    (max-width: 64em) and (min-width: 24em)
        or
    (orientation: landscape)

在JavaScript表示法中，我想要的是：

if ( screen === true && ( width > 24 && width < 64 ) || orientation === "landscape" )

我该怎么做？我可以使用括号吗？它会是：

<link 
    rel='stylesheet' 
    media='only screen and ( ((max-width: 64em) and (min-width: 24em)) or (orientation: landscape) )' href='style.css' />

这甚至可能吗？

Answer 1

“或”用逗号分隔两个或多个整个媒体查询; “和”{<1}}关键字在每个媒体查询中分隔每个条件。

必须在每个查询中重复任何适用于所有媒体查询的条件;在您的情况下，该常见条件为and。

因此：

only screen

如果您需要在CSS only screen and (max-width: 64em) and (min-width: 24em), only screen and (orientation: landscape) at规则而不是HTML @media属性中使用此媒体查询，请注意media令牌只出现一次，因为它在技术上不属于媒体查询：

@media

如何在CSS媒体查询中嵌套和/或语句？

1 个答案: