CSS proprietà Zoom

Question

Sitepoint reference dice

Internet Explorer per le versioni di Windows 5.5 e superiori sostegno zoom proprietà non-standard, che imposta la scala ingrandimento di un elemento. Non esiste un equivalente CSS3 a questa proprietà (come).

Come posso ottenere questo effetto zoom nei browser standard? Sono disponibili tutti i plugin jQuery?

Answer 1

L'equivalente CSS3 è nel modulo CSS 2D Transforms, in particolare transform: scale().

Poiché questo modulo è ancora in fase di Working Draft, avrete bisogno di prefissi specifiche del browser:

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

Potrebbe anche essere necessario transform-origin (e specifico del browser versioni) per rendere comportarsi allo stesso modo zoom, e dovrai fare attenzione a indirizzare lo zoom solo a IE, perché WebKit supporta sia ezoom, quindi si raddoppierà.

Answer 2

Per completare la risposta delle trasformazioni di scala: perché non si indirizza anche a IE? Esiste una proprietà specifica -ms-zoom, che funzionerà solo in IE: http://msdn.microsoft.com/en-us/library/ie/ms531189(v=vs.85).aspx