Bootstrap上的CSS Media Queries无法在iPhone上工作

我使用Bootstrap作为我的响应框架。Bootstrap上的CSS Media Queries无法在iPhone上工作

我有我自己的样式表中的引导CSS文件的下面，用它自己的Media Queries ......但是，当谈到在观看我的网页我iPhone 4，在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如下.....

/* 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上，但它仍然不起作用

来源

2013-03-06 AC88

您可能错过了标签

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

在您导入之前。

请参阅相关文档，并确保你遵循所有的步骤：

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

来源

2013-03-06 16:07:16

忘了写在..声明视......那不是问题..真的卡住，不要任何地方从这里走...导航缩小到一个小菜单按钮..但我的标题和文字，并保持大，即使我在相关媒体查询中声明它们较小 – AC88 2013-03-06 17:14:36

您应该张贴您的相关代码，或产生一个SSCCE（http://sscce.org/） – 2013-03-06 17:16:16

设法解决我自己的问题..缺少一些标签....虽然另一个问题..当我在我的手机上查看我的网站时，我放大我的CSS所有搞砸了...我怎么能阻止这种情况发生......谢谢 – AC88 2013-03-07 09:52:20

Bootstrap上的CSS Media Queries无法在iPhone上工作

回答

相关问题