Den zoomejendom i CSS giver dig mulighed for at skalere dit indhold. Det er ikke-standard og blev oprindeligt kun implementeret i Internet Explorer. Selvom flere andre browsere nu understøtter zoom, anbefales det ikke til produktionswebsteder.
.zoom ( zoom: 150%; )De "understøttede: værdier er:
percentage- Skal med denne procentdelnumber- Konverter til procent og skala - 1 == 100%; 1,5 == 150%;normal- zoom: 1;
Hvis din browser understøtter det, kan du se disse billeder i forskellige størrelser:
Zoom er en gammel IE-ting. Det er ikke noget, du skal bruge på live-sider. Hvis du vil skalere indhold, skal du bruge CSS Transforms. Du kan også bruge filtre, hvis du har brug for oldIE-support.
Tilbage i IE6's dage blev zoom primært brugt som et hack. Mange af gengivelsesfejlene i både IE6 og IE7 kunne løses ved hjælp af zoom. Virkede som et eksempel display: inline-blockikke særlig godt i IE6 / 7. Indstilling zoom: 1løste problemet. Fejlen havde at gøre med, hvordan IE gengav sit layout. Indstillingen zoom: 1aktiveret en intern ejendom kaldet hasLayout, som løste problemet.
Browsersupport
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Nogen | 4.0+ | Ingen | Ingen | 5.5+ | TBD | TBD |
Safari understøtter også zoomsiden version 4. Men det tilføjet en ny værdi: reset. Det fortæller browseren ikke at zoome dit element på zoom. Så din cmd / ctrl +? Det virker ikke på elementer med zoom: resetanvendt.