即使内容大小随方向变化而变化，也要获得移动设备的分辨率或最大高度

Question

我正在使用jquery-mobile。我想根据屏幕分辨率显示不同的图像大小。由于没有特定的方法来确定屏幕分辨率，我正在根据屏幕宽度做出决定。

我还改变了内容的大小，以适应方向更改的屏幕。在方向更改时，屏幕宽度也会发生变化。但我想使用设备的最大宽度和最大高度（即横向模式下的宽度和高度）。

有没有办法获得这个屏幕的详细信息？

Answer 1

您可以使用CSS媒体查询来执行此操作，例如：

@media only screen and (min-width:321px) and (max-width:480px) {


} 

在此css定义中，您可以为具有最小宽度的屏幕定义文本或图像：321和最大宽度：480px。

希望它对你有用。