Question

我只想用媒体查询目标Galaxy tab 3。根据其决议（1280 x 800），它应该是：

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

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

问题是某些iMac具有相同的分辨率，而我对Galaxy Tab 3的修复会影响此设备。有什么办法不影响imac？提前致谢

Answer 1

遗憾的是，没有办法进行特定于设备的媒体查询，但有一个解决方案。从实际设计的角度来看，如果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-min-device-pixel-ratio，但我无法告诉您Tab的默认比率（可能是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: #) { }

CSS：仅使用媒体查询来定位Galaxy Tab 3

1 个答案: