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

Question

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

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

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

Answer 1

您的 PC 和 MOBILE 具有相同的宽度但不同的高度！因此您可以为您的 PC 指定如下所示的高度

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

也适合你的手机

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