媒体查询最大设备高度的工作原理

时间:2015-07-13 12:30:54

标签: css media-queries

我不是CSS的专家,但根据我所阅读的内容,这就是媒体查询中min-width和min-height的工作方式。

最小宽度是基于设备当前方向的当前宽度。比方说,我有一个支持320x480分辨率的设备,在纵向模式下,宽度为320,高度为480 - 在横向模式下,宽度为480,高度为320.

我试图找出是否同样适用于设备宽度和高度 - 或者是否相对于设备固定。换句话说,如果设备高度在轻拍模式下是480,我翻转手机设备高度仍为480.

原因是,我考虑使用设备参数进行某些媒体查询而不是标准的最小/最大值是因为如果打开键盘,位置会发生变化 - 所以我要寻找永久性的高度而不是到视口的波动高度。

我很难找到这个答案,并希望得到任何建议 - 也想知道在使用这些查询时是否有任何异常。

1 个答案:

答案 0 :(得分:0)

是的,max-width的行为与min-width相同。旋转设备时,您将获得新的最大宽度。

因此,您的最大宽度在横向上会比在移植中更大。

同样的逻辑适用于max-height。