1

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

我使用 Twitter Bootstrap 进行响应式设计。响应式断点之一位于 641px（请参阅http://zarin.me/cce/css/responsive.css），当我更改笔记本电脑上的浏览器宽度时，它非常有用。

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

4

1 回答 1

1

您需要一个视口元标记来通知移动浏览器该网站与移动设备兼容，否则移动设备会尝试显示 900 像素，而 css 会认为设备是 900 像素

在你的脑海里试试这个

<meta content="width=device-width, initial-scale=1.0" name="viewport">
于 2012-06-15T21:05:48.327 回答