我试图弄清楚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
来自哪里?