CSS：目標Galaxy Tab的3只與媒體查詢

我只想媒體查詢的Galaxy Tab 3 目標根據其分辨率（1280×800），它應該是：CSS：目標Galaxy Tab的3只與媒體查詢

@media (max-device-width: 800px) and (orientation: portrait) { 
} 

@media (max-device-width: 1280px) and (orientation: landscape) { 
}

的問題是某些iMac具有相同的分辨率，而我對Galaxy Tab 3的修復會影響此設備。任何方式不影響imac？在此先感謝

來源

2014-06-26 canute

不幸的是，沒有辦法做設備特定的媒體查詢，但有一個解決方案。從實際設計角度來看，如果iMac和Galaxy Tab的分辨率相同，是什麼使它們不同？他們的DPI。這是你可以查詢！計算到http://tablets.findthebest.com/l/232/Samsung-Galaxy-Tab-3-7-0它是169 ppi。

@media (max-device-width: 800px) and (orientation: portrait) and (min-resolution: 169dpi) { } 
@media (max-device-width: 1280px) and (orientation: landscape) and (min-resolution: 169dpi) { }

你可能需要做-webkit-分設備像素比爲好，但我不能告訴你的選項卡的默認比例是什麼（可能是1.5，但你可以點擊這裏：http://bjango.com/articles/min-device-pixel-ratio/）

@media 
    (max-device-width: 800px) and (orientation: portrait) and (min-resolution: 169dpi), 
    (max-device-width: 800px) and (orientation: portrait) and { } 
@media 
    (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: #) (min-resolution: 169dpi), 
    (max-device-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: #) { }

來源

2014-06-26 21:56:24

CSS：目標Galaxy Tab的3只與媒體查詢

回答

相關問題