Den zoomeiendom i CSS kan du skalere innholdet. Det er ikke-standard, og ble opprinnelig bare implementert i Internet Explorer. Selv om flere andre nettlesere nå støtter zoom, anbefales det ikke for produksjonsnettsteder.
.zoom ( zoom: 150%; )De "støttede: verdiene er:
percentage- Skalere med denne prosentandelennumber- Konverter til prosent og skala - 1 == 100%; 1,5 == 150%;normal- zoom: 1;
Hvis nettleseren din støtter det, ser du disse bildene i forskjellige størrelser:
Zoom er en gammel IE-ting. Det er ikke noe du bør bruke på live-nettsteder. Hvis du vil skalere innhold, bruk CSS Transforms. Du kan også bruke filtre hvis du trenger oldIE-støtte.
Tilbake i dagene av IE6 ble zoom primært brukt som et hack. Mange av gjengivelsesfeilene i både IE6 og IE7 kan løses ved hjelp av zoom. Fungerte som et eksempel display: inline-blockikke veldig bra i IE6 / 7. Innstillingen zoom: 1løste problemet. Feilen hadde å gjøre med hvordan IE gjengav layoutet. Innstillingen zoom: 1slått på en intern eiendom kalt hasLayout, som løste problemet.
Nettleserstøtte
| Chrome | Safari | Firefox | Opera | DVS | Android | iOS |
|---|---|---|---|---|---|---|
| Noen | 4.0+ | Ingen | Ingen | 5.5+ | TBD | TBD |
Safari støtter også zoomsiden versjon 4. Men det lagt til en ny verdi: reset. Det forteller nettleseren om ikke å zoome inn på elementet ditt. Så cmd / ctrl +? Det fungerer ikke på elementer med zoom: resetanvendt.