影响桌面的风景的媒体查询

Question

我试图在景观中定位平板电脑，如下所示：

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

但这也影响了桌面，但我不明白为什么会这样，因为我认为风景只会检测可以改变方向的设备。

Answer 1

landscape仅表示（from docs）

  

指示视口是横向（显示器是否宽于高）或纵向（显示器高于宽度）模式。

您必须对media type进行一些限制，或考虑使用Modernizr

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