iOS/iPad下HTML视频的维度问题

在Windows10（Firefox或Edge）和我测试过的安卓手机上，这种行为就像预期的那样。例如，1080P视频（1920像素宽）占据了4K显示器宽度的一半

但当网页在iPhone10（仅通过Safari测试）或iPadAir 3（Edge和Chrome）上打开时，视频会被“放大”，并占据比我预期的更大的设备屏幕部分。例如，iPad Air 3的屏幕分辨率应该是2224×1668，足以容纳1080P视频。但是，视频甚至无法显示在屏幕上（我可以确认我没有意外放大）

在我自己的疑难解答中，HTML已经尽可能地精简，下面是页面的整个HTML。海报图像的尺寸与其对应的视频完全相同

LD 360P:

高清720P:

高清1080P:

我自己找到了答案。事实证明，在iPad上，物理像素并不是以1:1的比例显示的。就我的iPad而言，它是2:1，这意味着2224 X 1668像素的硬件分辨率对应于1112 X 834“点”的显示大小（通过访问“whatismyscreenresolution.net”进行验证），从而产生了观察到的行为。iPad的显示屏尺寸无法更改。但是，如果Safari的默认100%页面缩放设置更改为50%，则视频海报图像将全部显示在屏幕上。我的Android手机的硬件分辨率为1280 X 720，显示尺寸为732 X 412。“缩小规模”比iPad要小，所以在我的测试中，情况似乎和预期的一样，而事实并非如此

---

从文本大小的角度来看，由于这些移动屏幕的小尺寸，不使用本机硬件分辨率1:1进行显示是有意义的，因为否则默认文本大小将太小，一些人无法轻松阅读。这也解释了为什么即使iPad的物理像素小于显示器的物理像素，iPad上的照片也不如我的4k电脑显示器上的照片清晰。

您无法解释预期的行为。这是非常重要的信息，不应该让读者（从代码、链接资源等）去推断。