问响应式设计(使用Twitter Bootrstap)在浏览器宽度更改时更改，但在iPhone 4s上不会更改
EN

Stack Overflow用户

提问于 2012-06-16 05:03:00

回答 1查看 339关注 0票数 1

我在这里设计了一个响应式网站：http://zarin.me/cce/

我使用Twitter Bootstrap进行响应式设计。其中一个响应断点是641px (参见http://zarin.me/cce/css/responsive.css)，当我在笔记本电脑上更改浏览器宽度时，这个断点工作得很好。

然而，当我在iPhone 4s上访问该网站时，响应式设计并没有改变。我还将断点设置为480px，但没有成功。我错过了什么？

回答已采纳

发布于 2012-06-16 05:05:48

您需要一个viewport meta标记来通知移动浏览器网站与移动端兼容，否则移动端尝试显示900像素，css会认为设备是900px。

在你的脑海中试试这个

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

票数 1

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

原文链接：

https://stackoverflow.com/questions/11058155

复制

相似问题

问响应式设计(使用Twitter Bootrstap)在浏览器宽度更改时更改，但在iPhone 4s上不会更改EN