2013-06-25 105 views
0

我有以下媒體查詢,選擇iPad視網膜和更小的顯示器。Macbook視網膜撿起iPad視網膜媒體查詢

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape), 
only screen and (-webkit-min-device-pixel-ratio : 1.5) and (orientation : landscape), 
only screen and (max-width : 1080px){ 

} 

我的問題是,在Macbook Pro的視網膜的風格也拾起。

我沒有視網膜來測試,所以我在調試時遇到了麻煩。

任何人都可以看到衝突的規則?

回答

1

您應該使用最簡單的媒體查詢。這裏我用的蘋果設備的鏈接:http://stephen.io/mediaqueries/

+0

正如我在問題中所說的,我需要與更小的顯示器一起工作。 – CharliePrynn

+0

您只能使用屏幕和(最小設備寬度:320像素)和(最大設備寬度:768像素)作爲較小設備的例子。加上只有屏幕和(-webkit-min-device-pixel-ratio:1.5)和(orientation:landscape)爲我選擇Macbook Pro視網膜。 – J8X

相關問題