Html 视口标记在iPad上没有任何作用

和其他许多人一样，我对iPad上的横向模式也有问题。肖像很好，但旋转到横向使其放大到200%，我的网页的一部分“掉”在屏幕上是不必要的

网页的相关部分（使用Javascript绘制的画布）是823 x 690 px（CSS），应该与iPad 2048 x 1536（设备）的分辨率非常匹配

我发现许多答案建议使用（扩展版）：

不知何故，这对网站在横向模式和纵向模式下的显示方式没有任何影响。我尝试过的东西是（根据互联网上的许多建议）：

• 仅使用有限数量的视口设置（例如，仅宽度=设备宽度，初始比例=1）
• 使用高度=设备高度而不是宽度=设备宽度
• 使用1.0而不是1
• 使用其他比例因子，如0.5或2
• 上述各项的组合

我做什么都没关系，什么都没变，我在这里真的很茫然，觉得自己很愚蠢，因为这似乎对其他人都有用

---

非常感谢您的任何建议

改变iPad的纵向和横向并不会固有地改变“缩放”（除非通过CSS或meta标签中的媒体查询明确要求这样做；而你并没有告诉它这样做）

首先，从经典的元标记开始：

第二，没有参考页面、CSS或HTML来检查承载绘图画布的父标记；但我的假设如下：

你写道：

而且应该非常适合iPad的2048 x 1536（设备）分辨率

iPad的设备分辨率和网页分辨率之间存在差异。这是CSS像素和设备像素之间的区别（请阅读更多）。长话短说：即使是iPadAir也仍然采用1024x768 CSS像素屏幕尺寸。我怀疑您的容器div正在强制重新调整大小/缩放，或者我们还无法看到的东西

---

如果有更多信息，我或其他人可能会进一步提供帮助。

谢谢您的回复。我试过简单的版本，只使用width=devicewidth和initialscale=1.0。没有什么变化。在我的HTML和CSS中，我只使用宽度：823px；高度：690px；还有像上衣、垫子之类的东西，没什么不寻常的。

<meta name="viewport" content="width=device-width, maximum-scale=1, 
    minimum-scale=1, initial-scale=1, user-scalable=no"/>