Tecnología

Inicio

Cómo orientar Chrome Sólo con CSS

August 19

Cómo orientar Chrome Sólo con CSS


CSS puede crear efectos visuales impresionantes e incluso apuntar a navegadores específicos basados ​​en un sistema de preguntas de los medios. Estas preguntas de los medios le permiten crear diferentes elementos de hojas de estilo en base a detalles como resolución de la pantalla, el motor de renderizado del navegador o incluso el tipo de equipo. La consulta de medios que le permite especificar el navegador Chrome en realidad dirige tanto a Chrome y Safari, mediante la identificación de los navegadores usando WebKit. Hasta Chrome se aleja de WebKit - un próximo movimiento - no habrá un método para dirigir sólo los usuarios de Chrome con CSS.

Instrucciones

1 Abra la hoja de estilo para su sitio web en el editor de código de su elección. Esto puede ser un programa de diseño web como Dreamweaver, un editor como Eclipse o incluso un editor de texto sin formato como Bloc de notas. No utilice rica editores de texto o procesadores de texto, ya que pueden romper la sintaxis de HTML y CSS.

2 Añadir una sección de la CSS que tiene este aspecto:

@media pantalla y (ratio -webkit-min-device-pixel: 0) {

}

Esta consulta se dirige a los navegadores usando WebKit, que incluye tanto los derivados de Safari como Midori Chrome y el navegador Chromium de código abierto, y Safari.

3 Añadir cualquier cambio Chrome sólo CSS entre los corchetes. Nada dentro de estos soportes aparecerá a los usuarios de Internet Explorer, Firefox u otros navegadores no WebKit.

4 Guarda tu CSS y probarlo en el equipo local para asegurarse de que funciona.

Consejos y advertencias

  • Al añadir CSS dirigido a cualquier sitio web, evaluar su utilidad. El hecho de que un truco es fresco no significa que sea necesario.
  • Este método funciona a partir de mayo de 2013. Se espera que Chrome para pasar al motor de renderizado de parpadeo en 2013; cuando se produce este cambio, la consulta WebKit no funcionará en los navegadores Chrome. No hay noticias sobre lo consulta lo reemplazará.
  • El hecho de que está escondido a los navegadores no WebKit no significa que su única cromo-CSS es un secreto; cualquiera que busque en su hoja de estilo será capaz de ver el CSS.