css - 影响桌面的景观媒体查询

Question

我正在尝试像这样在风景中定位平板电脑:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1280px) 
and (orientation : landscape) { 

但这也会影响桌面，但我不明白为什么会像我认为的那样横向只能检测方向可以改变的设备。

Answer 1

landscape 仅表示 ( from docs )

Indicates whether the viewport is in landscape (the display is wider than it is tall) or portrait (the display is taller than it is wide) mode.

你必须对 media type 做一些限制或者考虑使用 Modernizr

if (Modernizr.touch){
   // bind to touchstart, touchmove, etc and watch `event.streamId`
} else {
   // bind to normal click, mousemove, etc
}