zoomProprietatea în CSS vă permite să scala conținutul. Nu este standard și a fost inițial implementat doar în Internet Explorer. Deși alte câteva browsere acceptă acum zoom-ul, acesta nu este recomandat pentru site-urile de producție.
.zoom ( zoom: 150%; )Valorile „acceptate: sunt:
percentage- Scalați cu acest procentnumber- Convertiți în procente și scară - 1 == 100%; 1,5 == 150%;normal- zoom: 1;
Dacă browserul dvs. îl acceptă, veți vedea aceste imagini ca dimensiuni diferite:
Zoomul este un lucru vechi IE. Nu este ceva ce ar trebui să utilizați pe site-urile live. Dacă doriți să scalați conținutul, utilizați CSS Transforms. De asemenea, puteți utiliza filtre dacă aveți nevoie de suport vechi.
În vremurile IE6, zoomul era folosit în principal ca hack. Multe dintre erorile de redare atât în IE6, cât și în IE7 ar putea fi remediate folosind zoom. De exemplu, display: inline-blocknu a funcționat prea bine în IE6 / 7. Setarea a zoom: 1rezolvat problema. Bug-ul a avut legătură cu modul în care IE și-a redat aspectul. Setarea a zoom: 1activat o proprietate internă numită hasLayout, care a rezolvat problema.
Suport pentru browser
| Crom | Safari | Firefox | Operă | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Orice | 4.0+ | Nici unul | Nici unul | 5.5+ | TBD | TBD |
Safari sprijină , de asemenea , de zoomla versiunea 4. Cu toate acestea, ea a adăugat o nouă valoare: reset. Asta îi spune browserului să nu mărească elementul pe zoom. Deci, cmd / ctrl +? Nu funcționează pe elemente cu zoom: resetaplicate.