La zoomproprietà in CSS ti consente di ridimensionare i tuoi contenuti. Non è standard ed è stato originariamente implementato solo in Internet Explorer. Sebbene molti altri browser ora supportino lo zoom, non è consigliato per i siti di produzione.
.zoom ( zoom: 150%; )I valori "supportati: sono:
percentage- Scala di questa percentualenumber- Converti in percentuale e scala - 1 == 100%; 1,5 == 150%;normal- zoom: 1;
Se il tuo browser lo supporta, vedrai queste immagini in dimensioni diverse:
Lo zoom è una vecchia cosa di IE. Non è qualcosa che dovresti usare sui siti live. Se vuoi ridimensionare il contenuto, usa CSS Transforms. Puoi anche usare i filtri se hai bisogno del supporto oldIE.
Ai tempi di IE6, lo zoom veniva utilizzato principalmente come hack. Molti dei bug di rendering in IE6 e IE7 potrebbero essere corretti utilizzando lo zoom. Ad esempio, display: inline-blocknon ha funzionato molto bene in IE6 / 7. L'impostazione ha zoom: 1risolto il problema. Il bug aveva a che fare con il modo in cui IE rendeva il layout. L'impostazione ha zoom: 1attivato una proprietà interna chiamata hasLayout, che ha risolto il problema.
Supporto browser
| Cromo | Safari | Firefox | musica lirica | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Qualunque | 4.0+ | Nessuna | Nessuna | 5.5+ | TBD | TBD |
Safari supporta anche zoomdalla versione 4. Tuttavia, ha aggiunto un nuovo valore: reset. Questo dice al browser di non ingrandire il tuo elemento con lo zoom. Quindi il tuo cmd / ctrl +? Non funziona su elementi con zoom: resetapplicato.