指定min-width和min-device-width媒体查询时，您根据手机的当前宽度或手机的宽度声明声明的宽度是什么？
例如，iphone4的标准/纵向方向的宽度/高度为320x480，device-width为320.如果手机处于横向状态，device-width现在是480还是它仍然是320？
答案 0 :(得分：1)
使用的宽度将是视口的当前宽度。如果方向旋转，则当前宽度将更改为旋转设备的宽度（或纵向模式下设备的高度）。
您可以使用orientation: landscape指定方向。
有关详细信息，请参阅此处：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
答案 1 :(得分：1)
始终是“当前”宽度。您可以通过提醒window.innerWidth或类似内容轻松检查此内容。
示例：
+---------+ +-----------------------+
| | | |
| | | 480 x 320 |
| 320 | | |
| x | | |
| 480 | +-----------------------+
| | Width: 480px
| |
| |
+---------+
Width: 320px
轮换也会触发resize事件。
但是一个重要的注意事项：如果你没有像其中一个那样的视口元标记，那么使用另一个宽度（例如980px），它对于两个方向保持相同：
<meta name="viewport" content="initial-scale=1"/>
<meta name="viewport" content="initial-scale=1, user-scalable=no"/>
仅使用这两个元标记中的一个，宽度适应方向。