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上,但它仍然不起作用
答
您可能错过了标签
<meta name="viewport" content="width=device-width, initial-scale=1.0">
在您导入之前。
请参阅相关文档,并确保你遵循所有的步骤:
忘了写在..声明视......那不是问题..真的卡住,不要任何地方从这里走...导航缩小到一个小菜单按钮..但我的标题和文字,并保持大,即使我在相关媒体查询中声明它们较小 – 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