我正在 Chrome 移动模拟器 (iPhone 6) 和 Xcode iOS 模拟器中测试 PhoneGap 应用程序(使用 Framework7 框架)的布局。但是，我无法在两个模拟器中匹配垂直布局。
Chrome 模拟器的 CSS 分辨率为 375x627，(我假设)相当于 750x1254，设备的像素比为“2”。
我不明白的是，即使在状态栏的屏幕顶部有 20 个 CSS 像素空间(40 个设备像素)，为什么 Chrome 移动模拟器仍然达不到 iPhone 6 的原生 1334 像素高度？
Chrome 模拟器的高度好像是 (627x2)+(20x2)=1294... 矮了 40 像素？我读错了数字，还是 Chrome 的 iPhone 6 设备配置文件不正确？
最佳答案
Chrome 移动模拟器用于检查 html 和 css，它不会读取任何配置。
在您的 config.xml 中，您对状态栏的行为进行了设置:
<preference name="StatusBarOverlaysWebView" value="true">
如果它设置为 true，那么您的 html 正文将从屏幕顶部开始，您必须向其添加 20px 的填充，否则您的内容中会有状态栏。
如果设置为 false，则正文从状态栏下方开始。
关于css - Chrome的手机模拟器和iPhone模拟器有高度差吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34487536/