对iPhone 7上的safari视口感到困惑

时间:2017-02-23 10:53:40

标签: iphone mobile-safari viewport

从iPhone 7的视口I have read应该是375 x 667。

我在Safari面前打开了一个刚刚取消装箱的iPhone 7。当我运行window.innerWidth和window.innerHeight时,我得到320 x 460.如果视口实际上是320 x 460,这与我期望开发的网站的视觉匹配。

高度部分由任务栏,地址栏和工具栏解释(但是247像素?)我根本没有得到的宽度。

那么这里发生了什么?

编辑:我有这个视口元数据

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

编辑2:发现我将显示缩放设置为缩放。

所以现在我的问题是为什么?这是一部新iPhone。将视口设置为缩放是​​否标准?

编辑:在我进行测试之前,我已经打开了iphone。

1 个答案:

答案 0 :(得分:1)

如果您想使用“Zoomed”或“Standard”

,系统会询问您何时设置设备