即使视口元标记中的分辨率宽度是1536，ipad 3设备宽度总是768？
我想了解ios设备的视口元标记。 我创build了一个testing页面，在这里我插入了一个862px宽的图像。 所以我有视口元标记为：
<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，与图像相同，但它的宽度与设备宽度相同。
更新2
我创build了一个非常简单的页面，出于某种原因，一个带有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，它是增加8px的边距。
更新3
好吧，原来，我认为设备宽度将返回的iPad 3的1536像素的分辨率宽度。显然，它返回768像素的屏幕大小。
任何超过768的视口宽度，让我滚动的iPad 3.为什么？ 如果你有一个1024像素的页面，并且想把它放到iPad 3的可见区域，那么你将宽度设置为1024，初始缩放为1，不应该使1024像素的视口适合可视区域？
解
好的，如果你想让每个设备都知道如何扩展你的页面，你所做的就是忽略初始规模。
所以，如果我只设置宽度，使用设备宽度或数字值，并省略了初始缩放，它会自动为您计算缩放。 它只是工作。
我的困惑在于宽度意味着什么，宽度意味着在应用比例之前的宽度，所以如果我说：
<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，所以现在视口的宽度是内容的宽度在比例因子862px处缩放。 我希望我明白这个权利。 这是我的困惑，是什么宽度的意思。
iPad 3宽768px，每个px代表2个物理像素。 据我所知，你可以在Javascript中但不在你的视口中解释它（你可能不想这样做，因为那些768像素与早期的iPad中的物理大小相同）。