ratio javascript html css safari css3

javascript - Pregunta sobre webkit-min-device-pixel-ratio



min resolution (1)

Que todos los navegadores entenderán o aplicarán reglas de CSS para la siguiente declaración;

@media screen and (-webkit-min-device-pixel-ratio:0) { //CSS Styles }

También, ¿cuál será la diferencia si se usa "solo pantalla" arriba inssted de pantalla, es decir,

@media only screen and (-webkit-min-device-pixel-ratio:0) { //CSS Styles }


La regla se aplicará a todos los navegadores basados ​​en webkit. Puede ver una lista aquí http://en.wikipedia.org/wiki/List_of_web_browsers#WebKit-based_browsers (cromo y safari más importantes).

Acerca de la palabra solo W3 dice:

La palabra clave ''solo'' también se puede usar para ocultar hojas de estilo de agentes de usuario anteriores. Los agentes de usuario deben procesar las consultas de medios comenzando con "solo" como si la palabra clave "solo" no estuviera presente.

Fuente: http://www.w3.org/TR/css3-mediaqueries/