0

我正在 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 设备配置文件不正确？

4

1 回答 1

0

Chrome 移动模拟器用于检查 html 和 css，它不读取任何配置。

在您的 config.xml 中，您可以设置状态栏的行为：

<preference name="StatusBarOverlaysWebView" value="true">

如果设置为 true，则您的 html 正文从屏幕顶部开始，您必须为其添加 20px 填充，否则您的内容中有状态栏。

如果设置为 false，则正文从状态栏下方开始。

于 2015-12-28T05:49:10.647 回答