moz - webkit css chrome
Comentarios condicionales de Chrome (5)
La operación condicional funcionará porque otros navegadores analizarán el bloque If IE8 como un comentario HTML, pero no el bloque! IE porque el interior está envuelto en -> y
Por lo tanto, para todos los navegadores que no sean IE, la clase de cuerpo será igual a W3C.
Sin embargo, esto es todo por el hecho de que el bloque de comentarios de IE no es necesario para identificar el navegador específicamente como chrome: el bloque JS por sí solo hará eso, siempre que el usuario tenga activado JS, por supuesto.
¿Hay algo así como comentarios condicionales para Chrome?
Tengo una página que se representa de manera diferente en Chrome en comparación con Firefox.
Gracias
Puede orientar navegadores basados en WebKit usando esto en su CSS
@media screen and (-webkit-min-device-pixel-ratio:0) {
Body {}
}
Tal vez esto ayude?
Tanto los comentarios condicionales de HTML como las directivas de compilación condicional de Javascript solo son compatibles con Internet Explorer 4-8 según mi leal saber y entender.
<!--[if !IE]>-->
Esto no es solo un comentario condicional de Chrome: esto afecta a todos los navegadores que no sean IE ... Firefox, Safari, etc. Si usas PHP, prueba esto:
<!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>
Gracias a John por publicar: http://www.killersites.com/forums/topic/2731/firefox-google-chrome-browser-detecion-using-conditional-comments-hack/
<!--[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>
Luego usa CSS para modificar sus estilos específicamente para Chrome.