IPad WebApp渲染CSS与Chrome不同

Question

令人惊讶的是（至少在我看来），当我在Chrome中使用ipad模拟器时，我看到的布局与我启动iPad webapp时的布局完全不同： - 在chrome中：screenshot of chrome version - 在我的ipad上：screnshot of ipad version

背景分辨率为2732x2048。

• 图片和字体绝对不具有相同的尺寸
• 底部选择器，底部是绝对位置：0不会在同一位置结束
• ipad版本底部缺少一些背景线

页面html如下：

http://rl.manuelracim.com/test/test.html

您可以在此处找到实际页面：

{{1}}

我在标题中遗漏了一些明显的东西吗？或者我的所有CSS规则都用px表示是一个问题吗？ 任何指针/帮助赞赏！ 感谢