iOS innerWidth innerHeight与Apple的文档不匹配

Question

I'm trying to figure out what the actual resolution of an iPhone 6/7/8 is. According to Apple's docs they should all be 375 x 667 , but when I run console.log(window.innerWidth, window.innerHeight) in my Cordova app, it prints 320 548 . Here is my viewport meta tag:

<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" />

Which if I understand correctly should set the webview's viewport to match the device's viewport.

The iPhone 6/7/8 simulators also doesn't seem to match Chrome's dev tools mobile preset "iPhone 6/7/8".

Also strangely, when I initially added the viewport meta tag, the app was rendering perfectly in the simulator. It appeared to be rendering at 375x667, but after rebuilding a couple times it switched back to rendering incorrectly (despite the fact that I didn't make any source changes). I'd chalk this up to me going insane, but it wouldn't be the first time I've come across non-deterministic behavior while dealing with iOS/xcode.

What is happening here? Where does the resolution 320x548 come from?