使景觀和桌面視圖在媒體查詢中有所不同

-1

我想在桌面分辨率與橫向相同時使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*/ 
}

請幫助，因爲我需要解決這個問題。

來源

2014-10-10 Kamal Mehra

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

它設置了一堆有用的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-類是：

桌面/無桌面
移動/不移動

，甚至大小（他們刷新調整大小）：

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

來源

2014-10-10 08:21:15 Pixelkrieg

使景觀和桌面視圖在媒體查詢中有所不同

回答

相關問題