Chrome与Safari iPhone Bootstrap问题

Question

使用Bootstrap和Html Page时，我遇到了奇怪的问题。它使用chrome和除iphone Safari之外的所有其他设备工作正常。

我的代码正在运作 here

到目前为止，据我所知，它并没有执行媒体问题。我无法理解为什么它对所有其他人来说都是完美的。

最初我使用的是元标记

<meta name="viewport" content="width=device-width, initial-scale=0">

我的实际结果是：哪个在Chrome上是完美的。

但在iPhone上使用Safari进行渲染。

当我添加meta

时

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

开始看起来像，