iOS innerWidth innerHeight与Apple的文档不匹配

时间:2018-11-14 18:58:46

标签: javascript html ios cordova

我试图弄清楚iPhone 6/7/8的实际分辨率是多少。根据{{​​3}},它们都应该是375 x 667,但是当我在Cordova应用程序中运行console.log(window.innerWidth, window.innerHeight)时,它会显示320 548。这是我的视口元标记:

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

如果我理解正确,应该将网络视图的视口设置为与设备的视口相匹配。

iPhone 6/7/8模拟器似乎也与Chrome的开发工具移动预设“ iPhone 6/7/8”不匹配。

奇怪的是,当我最初添加视口meta标签时,该应用程序在模拟器中呈现完美。它似乎以375x667的分辨率渲染,但是在重建了几次之后,它又切换回了不正确的渲染状态(尽管我没有进行任何源更改)。我会认为这很疯狂,但这并不是我在处理iOS / xcode时第一次遇到不确定性行为。

这是怎么回事?决议320x548来自哪里?

0 个答案:

没有答案