如何使用 Css Media 区分横屏模式下的高分辨率手机和 PC？

Question

我有一台分辨率为 1280x1024 的 PC，以及一台在横向模式下使用时分辨率为 1280x768 的智能手机 Lumia 920。

我可以使用 css Media query 来区分 2 吗？因为文本在智能手机上渲染得太小了，我想用 css 来为它提供更大的字体。

我还研究了51degrees.mobi 的选项，它区分了移动设备和PC，但我看不出如何将此库与css 一起使用。

Answer 1

您的 PC 和 MOBILE 具有相同的宽度但不同的高度！所以你可以像下面一样指定高度 适用于您的电脑

@media (height: 1024px){
/*put your CSS code here */
}

也适合你的手机

@media (height: 768px){
/*put your CSS code here */
}