@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)