是否存在针对Chrome的条件评论?
与Firefox相比,我的Chrome页面呈现的呈现方式不同。
由于
答案 0 :(得分:54)
您可以在CSS
中使用此目标来定位基于WebKit的浏览器@media screen and (-webkit-min-device-pixel-ratio:0) {
Body {}
}
也许这会有所帮助?
答案 1 :(得分:13)
<!--[if IE 8]><div id="bodyContainer" class="IE8"><![endif]-->
<!--[if !IE]>--><div id="bodyContainer" class="W3C"><!--<![endif]-->
<script type="text/javascript">
if (navigator.userAgent.toLowerCase().match('chrome') && document.getElementById('bodyContainer'))
document.getElementById('bodyContainer').className = document.getElementById('bodyContainer').className + " chrome";
</script>
然后您使用CSS专门针对Chrome调整您的样式。
答案 2 :(得分:5)
据我所知,HTML conditional comments和Javascript conditional compilation directives仅受Internet Explorer 4-8支持。
答案 3 :(得分:4)
<!--[if !IE]>-->
这不只是Chrome条件评论 - 这会触及所有不是IE的浏览器... 火狐,野生动物园等 如果使用PHP - 试试这个:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Browsser Detection</title>
<link rel="stylesheet" href="Main.css" type="text/css">
<?php
$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;
if ($msie) {
echo '
<!--[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css">
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="ie8.css" type="text/css">
<![endif]-->
';
}
if ($safari) {
echo '<link rel="stylesheet" href="safari.css" type="text/css">';
}
?>
</head>
<body>
<br>
<?php
if ($firefox) { //Firefox?
echo 'you are using Firefox!';
}
if ($safari || $chrome) { // Safari?
echo 'you are using a webkit powered browser';
}
if (!$msie) { // Not IE?
echo '<br>you are not using Internet Explorer<br>';
}
if ($msie) { // IE?
echo '<br>you are using Internet Explorer<br>';
}
?>
<br>
</body>
</html>
答案 4 :(得分:3)
条件操作将起作用,因为其他浏览器会将If IE8块解析为HTML注释,但不解析!IE块,因为它的内部包含在 - &gt;和
因此,对于所有非IE浏览器,body类确实等于W3C。
顺便说一句,这是完全的,因为不需要IE注释块来专门将浏览器标识为chrome - 如果用户当然打开了JS,JS块本身就会这样做。