首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >简单引导程序页面在iPhone上不响应

简单引导程序页面在iPhone上不响应
EN

Stack Overflow用户
提问于 2012-02-22 06:37:43
回答 3查看 68K关注 0票数 84

我下载了Twitter Bootstrap示例,并用它创建了一个简单的rails项目。我在需要的地方复制了css,它显示得很好。我还复制了js,所有东西在我的桌面上都运行得很好:当我改变浏览器的大小时,它会重新组织页面。当使用一些不同大小的“响应式设计测试工具”时,它工作得很好。

我的问题出在我的iPhone上:它显示起来就像我的桌面上一样。

当我尝试Bootstrap Hero示例页面(我就是从这个页面开始的)时,它在我的iPhone上工作得很好。

会出什么问题呢?我几乎没有接触到任何CSS,我只是在页脚添加了一个填充。

仅供参考,我更改的CSS是通过以下内容将我的应用程序链接到application.css

代码语言:javascript
复制
/* Application stylesheet */

@import url(bootstrap.css);
@import url(bootstrap-responsive.css);

/* Body */
body {
    padding-top: 60px;
    padding-bottom: 40px;   
}   

/* Footer */
footer {
    padding: 20px 0;
}
EN

回答 3

Stack Overflow用户

发布于 2012-04-12 17:23:22

frntk建议的代码在您在横向视图中旋转设备时不起作用,而virtualeyes给出的解决方案也是不正确的,因为它使用分号而不是逗号。下面是正确的代码:

代码语言:javascript
复制
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

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

票数 113
EN

Stack Overflow用户

发布于 2016-07-16 08:04:53

诚然,这是一个非常小的边缘案例,但值得一提的是。

如果您通过DNS提供商使用域转发,那么您的站点可能最终会被包裹在iframe中。例如,如果您要掩蔽您的域并进行转发,GoDaddy就可以使用此技术。

票数 6
EN

Stack Overflow用户

发布于 2016-01-04 07:34:45

我被这个问题困扰了好几个小时。

不要忘了还将内容放在<div class="container-fluid">...</div>

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9386429

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档