我下载了Twitter Bootstrap示例,并用它创建了一个简单的rails项目。我在需要的地方复制了css,它显示得很好。我还复制了js,所有东西在我的桌面上都运行得很好:当我改变浏览器的大小时,它会重新组织页面。当使用一些不同大小的“响应式设计测试工具”时,它工作得很好。
我的问题出在我的iPhone上:它显示起来就像我的桌面上一样。
当我尝试Bootstrap Hero示例页面(我就是从这个页面开始的)时,它在我的iPhone上工作得很好。
会出什么问题呢?我几乎没有接触到任何CSS,我只是在页脚添加了一个填充。
仅供参考,我更改的CSS是通过以下内容将我的应用程序链接到application.css
:
/* Application stylesheet */
@import url(bootstrap.css);
@import url(bootstrap-responsive.css);
/* Body */
body {
padding-top: 60px;
padding-bottom: 40px;
}
/* Footer */
footer {
padding: 20px 0;
}
发布于 2012-04-12 17:23:22
frntk建议的代码在您在横向视图中旋转设备时不起作用,而virtualeyes给出的解决方案也是不正确的,因为它使用分号而不是逗号。下面是正确的代码:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
来源:https://developer.mozilla.org/en/Mobile/Viewport_meta_tag
发布于 2016-07-16 08:04:53
诚然,这是一个非常小的边缘案例,但值得一提的是。
如果您通过DNS提供商使用域转发,那么您的站点可能最终会被包裹在iframe中。例如,如果您要掩蔽您的域并进行转发,GoDaddy就可以使用此技术。
发布于 2016-01-04 07:34:45
我被这个问题困扰了好几个小时。
不要忘了还将内容放在<div class="container-fluid">...</div>
中
https://stackoverflow.com/questions/9386429
复制相似问题