iPhone上的简单Bootstrap页面无响应

Question

我下载了Twitter Bootstrap示例，并使用它创建了一个简单的Rails项目。我在需要的地方复制了CSS，它显示正常。我还复制了js，一切在我的桌面上都运行良好：当我更改浏览器的大小时，它将重新组织页面。当使用一些大小不同的“响应式设计测试工具”时，效果很好。

我的问题出在我的iPhone上：它在我的桌面上显示正字号。

当我尝试“ Bootstrap Hero示例”页面（这是我开始的页面）时，它在我的iPhone上运行良好。

出什么问题了？我几乎没有接触过任何CSS，只是在页脚上添加了填充。

仅供参考，我更改的CSS是我将我的应用程序链接到具有以下内容的application.css： 通用标签

Answer 1

确保添加： 通用标签

输入您的基因标记代码。

我有一个类似的问题，我错误地认为这只是视口宽度的问题。

更新：查看@NicolasBADIA答案以获得更完整的版本。

Answer 2

当您以横向视图旋转设备时，frntk提出的代码不起作用，并且virtualeyes提供的解决方案是不正确的，因为它使用分号而不是逗号。这是正确的代码： 通用标签

来源： https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

Answer 3

允许的情况，很小的情况，但值得一提。

如果您通过DNS提供商使用域转发，则您的网站可能最终会被包装在iframe中。例如，如果您要屏蔽域并进行转发，则GoDaddy使用此技术。

Answer 4

我在这个问题上停留了几个小时。

别忘了将内容也放置在基因标记代码中