如何使用Css Media将横向模式下的高分辨率移动设备与PC区分开来？

Question

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

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

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

Answer 1

你的电脑和; MOBILE具有相同的宽度但不同的高度！所以你可以像下面那样指定高度 为您的电脑

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

也为你移动

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