html - Bootstrap 上的 CSS 媒体查询在 iPhone 上不起作用

Question

我正在Bootstrap用作我的响应式框架。

我在 Bootstrap CSS 文件下有自己的样式表，其中包含自己的样式表......Media Queries但是在我iPhone 4的.headingtags

这是我的代码外观的片段：

<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">

我设置Media Queries如下.....

  /* Large desktop */
  @media (min-width: 1200px) { ... }

  /* Portrait tablet to landscape and desktop */
  @media (min-width: 768px) and (max-width: 979px) { ... }

  /* Landscape phone to portrait tablet */
  @media (max-width: 767px) { ... }

  /* Landscape phones and down */
  @media (max-width: 480px) { ... }

我已经清除了 iPhone 上的缓存，但仍然无法正常工作

Answer 1

你可能错过了标签

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

在您的进口之前。

请参阅文档并确保您遵循了所有步骤：

http://twitter.github.com/bootstrap/scaffolding.html