Bootstrap上的CSS媒体查询无法在iPhone上运行

时间:2013-03-06 14:12:14

标签: html iphone twitter-bootstrap css3 media

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

我在Bootstrap CSS文件下面有自己的样式表,其中包含自己的Media Queries ...但是当我在iPhone 4上查看我的网页时,{{1} }和heading不要改变以符合我想要的方式。

以下是我的代码看起来的代码片段:

tags

我将<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

我已经清除了iPhone上的缓存,但它仍然无效

1 个答案:

答案 0 :(得分:7)

您可能错过了标记

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

进口之前。

请参阅文档并确保您已按照所有步骤操作:

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