iPad Safari：设备宽度是设备高度？答案

【问题标题】：iPad Safari: device width is device-height?iPad Safari：设备宽度是设备高度？
【发布时间】：2023-04-09 06:58:01
【问题描述】：

看看下面的代码。为了让网页填充水平空间，我在 viewport 元标记中指定：width=device-height

横向时device-height 计算为1024px，纵向计算为768px！

我很疑惑：为什么设备的宽度保存在device-height中？所有 iOS 设备都是这种情况吗？

<!doctype html>

<html>
  <head>
    <title>Fit to Width Test</title>
    <meta name="viewport" content="user-scalable=no, width=device-height">
  </head>

  <body style="margin: 0; width: 1024px">
    <div style="width: 1022px; border: 1px solid red">
      1024px wide
    </div>
  </body>
</html>

【问题讨论】：

标签： html ios ipad ios4 safari

【解决方案1】：

这样当设备旋转时它不会最终显示不正确。

【讨论】：

这种解释对我来说没有意义。 device-height始终是设备的宽度，即纵向为 768 像素，横向为 1024 像素。