css - 有没有办法为特定设备的宽度和高度设置媒体查询？

Question

@media only screen 
and (min-device-width : 320px) 
and (min-device-height: 480px) 

@media only screen 
and (min-device-width : 480px) 
and (min-device-height: 640px) 

我只想要我们在此设置的任何样式，它应该适用于提及高度和宽度。

Answer 1

如果您想定位那些精确的分辨率，您可以简单地删除min-前缀并指定device-widthand device-height：

@media only screen 
    and (device-width : 320px) 
    and (device-height: 480px) { ... }

@media only screen 
    and (device-width : 480px) 
    and (device-height: 640px) { ... }

W3C 参考。