我正在尝试了解 ios 设备的视口元标记。我创建了一个测试页面，在其中插入了一张 862 像素宽的图像。所以我的视口元标记为：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale: .5, maximum-scale: 5.0">
然而在ipad 3上，分辨率宽度为1536像素，并将视口设置为与ipad 3相同的可见区域大小，862px图像被放大，并且宽度比可见区域大一点。所以我必须水平滚动才能看到图像的其余部分。
这让我认为设备宽度返回 768 像素，这说明了 862 像素图像的水平滚动有点额外。它为什么要这样做？我必须考虑某种像素密度吗？
UPDATE
我尝试将宽度设置为数字宽度，与图像的宽度相同（在本例中为“862”）。因此，网页的尺寸为 862X206，与图像相同，但它执行的操作与将宽度设置为设备宽度完全相同。
UPDATE 2
我创建了一个非常简单的页面，由于某种原因，视口为 862 像素的空白页面导致我的 ipad 3 上出现水平和垂直滚动，代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=862, initial-scale=1.0">
</head>
<body style="width:100%; padding:0; margin:0">
</body>
</html>
这种滚动导致视口不适合可视区域或屏幕尺寸。我不明白。任何见解将不胜感激。谢谢。 ** 注意 ** 我忘记将填充和边距重置为 0，它添加了 8 px 的边距。
UPDATE 3
好吧，本来我以为device-width会返回ipad 3的1536像素的分辨率宽度。显然，它返回的是768像素的屏幕尺寸。
任何大于 768 的视口宽度都会让我在 ipad 3 上滚动。为什么？如果你有一个 1024 像素的页面，并且你想将其放入 ipad 3 的可见区域，该怎么办。你将宽度设置为 1024，初始比例设置为 1，这不应该使 1024px 视口适合可视区域？
SOLUTION
好的，所以，如果您想让每个设备弄清楚如何缩放页面，您所做的就是省略初始缩放。
因此，如果我仅使用设备宽度或数值设置宽度，并忽略初始比例，它会自动为您计算缩放。它确实有效。
我的困惑在于宽度的含义，宽度是指应用比例之前的宽度，
所以如果我说：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale: .5, maximum-scale: 5.0">
缩放前视口的宽度为 768，如果网页正文为 862px，应用缩放因子 1.0 后，内容乘以 1.0，即 862*1.0，因此视口的宽度is now以该比例因子 862px 缩放的内容宽度。我希望我理解正确。这就是我的困惑所在，这就是宽度的含义。
