网页出现在ipad的一半屏幕上

Question

我最近的一件作品在ipad上有一些非常奇怪的错误。我不拥有一个，所以我的客户为我拍了一些截图。我完全没有想法。

该网站是使用Twitter Bootstrap构建的。您可以在此处找到它以及所有代码：

http://www.webalys.com/

以下是截图：

https://www.box.com/s/f45c618996c65006266a

在两张图片上，网站仅以横向模式显示在屏幕的一半上。 然后，如果它没有这样做，那么双方都有一些巨大的差距（我认为它来自我们使用的固定布局）。

我使用视口元标记玩了很多但没有运气。无论我做什么，它在ipad或iphon或Android手机上看起来都很糟糕。 我添加了视口元标记，以避免压缩一列中的所有文本以适应移动显示。

其中最奇怪的是，如果它是从Google搜索中加载的，则网站会在一侧加载，搜索仍然在另一侧。

我不确定我是否能够解释清楚。

谢谢！

Answer 1

最后我删除了元“viewport”标签，这一切都正常工作。网站加载而不改变任何东西，两侧的填充消失了。

我最好的猜测是，当人们希望在较小的屏幕上保留桌面外观而不是进行响应式设计时，这是不必要的。

Answer 2

您没有包含bootstrap.responsive.css文件，但不会调整它。

http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css