Question

当桌面分辨率与横向相同时，我想让7英寸ipad中的横向视图与桌面视图不同。我在lanscape中使用以下内容，但是当桌面与lanscape的宽度匹配时，不希望在桌面上出现这种样式：

 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (max-device-height : 768px) 
and (orientation : landscape) {
/*style goes here*/
}

请帮助解决此问题。

Answer 1

您可以使用 head.js ：http://headjs.com/

它为你的页面的head-element设置了一堆有用的css类。

<html class="js no-mobile desktop no-ie root-section w-1318 gt-240 
gt-320 gt-480 gt-640 gt-768 gt-800 gt-1024 gt-1280 lt-1440 lt-1680 
lt-1920 no-portrait landscape gradient rgba opacity textshadow 
multiplebgs boxshadow borderimage borderradius cssreflections 
csstransforms csstransitions no-touch no-retina fontface domloaded">

您需要的CSS课程是：

桌面/无桌面
mobile / no-mobile

甚至尺寸（它们在调整大小时刷新）：

gt-768 / lt-768
gt-1024 / lt-1024

横向和桌面视图使媒体查询不同

1 个答案: