@media所有设备，但台式电脑

Question

是否有一种方法来查询所有手持设备/智能手机的独立于其尺寸（宽度，高度）的css- @媒体。

我知道，我不能使用@手持。

我也这样尝试过：

@media only screen and (orientation: portrait) or (orientation:landscape){ 

}

和方式：

@media only screen and (max-device-width:3000px) or (max-device-height: 1300px){ 

}

，但它不工作。我不想给一大堆@ media-查询与几十个不同大小的智能手机相关联。有没有办法通过@media查询来指示掌上电脑？我不想通过JavaScript使用浏览器嗅探。

Answer 1

所有可用的媒体是那些，所以我想不是：

media_query_list: <media_query> [, <media_query> ]* 
media_query: [[only | not]? <media_type> [ and <expression> ]*] 
    | <expression> [ and <expression> ]* 
expression: (<media_feature> [: <value>]?) 
media_type: all | aural | braille | handheld | print | 
    projection | screen | tty | tv | embossed 
media_feature: width | min-width | max-width 
    | height | min-height | max-height 
    | device-width | min-device-width | max-device-width 
    | device-height | min-device-height | max-device-height 
    | aspect-ratio | min-aspect-ratio | max-aspect-ratio 
    | device-aspect-ratio | min-device-aspect-ratio | max-device-aspect-ratio 
    | color | min-color | max-color 
    | color-index | min-color-index | max-color-index 
    | monochrome | min-monochrome | max-monochrome 
    | resolution | min-resolution | max-resolution 
    | scan | grid 

从https://developer.mozilla.org/en-US/docs/CSS/Media_queries#Pseudo-BNF_(for_those_of_you_that_like_that_kind_of_thing)