出于某种原因,我的媒体查询存在问题.
这是我的CSS的样子
#main {
font-size: 16px;
font-size: 1.6rem;
}
使用PHP,我为每个浏览器的HTML提供一个类,以防黑客,即IE,如下所示:
<?php
// ----| user agent (browser) |----------------------------
$msie = strpos($_SERVER["HTTP_USER_AGENT"], 'MSIE') ? true : false;
$firefox = strpos($_SERVER["HTTP_USER_AGENT"], 'Firefox') ? true : false;
$safari = strpos($_SERVER["HTTP_USER_AGENT"], 'Safari') ? true : false;
$chrome = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false;
?>
<html class="<?php if($msie == true){ echo "msie "; } if($firefox == true){ echo "firefox "; } if($safari == true){ echo "safari "; } if($chrome == true){ echo "chrome "; } ?>" lang="fr">
问题是,为了我的CSS工作,我需要调用html类,如下所示:
.firefox #main,
.chrome #main,
.safari #main,
.msie #main {
font-size: 16px;
font-size: 1.6rem;
}
关于为什么会发生这种情况的任何想法？
注意:用户代理检测与"媒体查询"略有不同.
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
另一个观察:我认为,你打算将这些CSS类添加到"body"标签,而不是"html"标签.
关于你关于IE黑客的问题,下面是"如何创建一个IE-only样式表"的一个很好的资源 http://css-tricks.com/how-to-create-an-ie-only-stylesheet/