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只与媒体查询

回答

相关问题