2010-06-25 21 views
6

Sitepoint reference dicepropiedad CSS zoom

Internet Explorer para Windows versiones 5.5 y anteriores apoyo del zoom propiedad no estándar, que establece la escala ampliación de un elemento. No hay ningún equivalente CSS3 a esta propiedad (todavía).

¿Cómo puedo lograr este efecto de zoom en los navegadores estándar? ¿Hay complementos jQuery disponibles?

Respuesta

14

El equivalente de CSS3 está en el módulo CSS 2D Transforms, en particular transform: scale().

Debido a que este módulo se encuentra todavía en fase de proyecto de trabajo, tendrá prefijos específicos del navegador:

transform: scale(2); 
-moz-transform: scale(2); 
-webkit-transform: scale(2); 
-o-transform: scale(2); 

También puede ser necesario transform-origin (y versiones específicas del navegador) para hacer que se comporte de la misma manera como se zoom, y tendrá que tener cuidado de apuntar zoom solo en IE, porque WebKit es compatible tanto con transformcomo conzoom, por lo que sería de doble escala.

+0

IE9 parece necesitar el nombre de propiedad de transformación -ms. – Kozuch