javascript - 设备方向元数据

Question

我设计了一个使用媒体查询的网站。在浏览器中它看起来很完美。但是当我在平板电脑或移动设备中检查时，在纵向模式下很好，

但是当我将设备方向纵向更改为横向时，它看起来并不完美。所以我的疑问是“是否有任何元数据来禁用设备方向，所以即使用户改变设备方向，内容也不会旋转。”

谢谢，纳雷什库马尔。

Answer 1

如果我理解正确，您无需禁用方向，而是即使在设备旋转时也可以调整屏幕元素。您可以使用以下查询：

@media all and (orientation: portrait) { ... }
@media all and (orientation: landscape) { ... }

因为一个好的设计应该完美地适合所有设备和所有方向......