Met de zoomeigenschap in CSS kunt u uw inhoud schalen. Het is niet standaard en werd oorspronkelijk alleen geïmplementeerd in Internet Explorer. Hoewel verschillende andere browsers nu zoom ondersteunen, wordt dit niet aanbevolen voor productiesites.
.zoom ( zoom: 150%; )De “ondersteunde: waarden zijn:
percentage- Schaal met dit percentagenumber- Converteren naar percentage en schaal - 1 == 100%; 1.5 == 150%;normal- zoomen: 1;
Als uw browser dit ondersteunt, ziet u deze afbeeldingen in verschillende formaten:
Zoom is een oud IE-ding. Het is niet iets dat u op live sites zou moeten gebruiken. Gebruik CSS-transformaties als u inhoud wilt schalen. U kunt ook filters gebruiken als u oudeIE-ondersteuning nodig heeft.
In de tijd van IE6 werd zoom voornamelijk als hack gebruikt. Veel van de rendering-bugs in zowel IE6 als IE7 kunnen worden opgelost met zoom. Het display: inline-blockwerkte bijvoorbeeld niet erg goed in IE6 / 7. Instelling zoom: 1loste het probleem op. De bug had te maken met hoe IE zijn lay-out weergaf. Instelling zoom: 1ingeschakeld een interne eigenschap genaamd hasLayout, waarmee het probleem is opgelost.
Browser-ondersteuning
| Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
|---|---|---|---|---|---|---|
| Ieder | 4.0+ | Geen | Geen | 5.5+ | Nader te bepalen | Nader te bepalen |
Safari ondersteunt ook zoomsinds versie 4. Het is evenwel een nieuwe toegevoegde waarde: reset. Dat vertelt de browser om uw element niet op zoom te zoomen. Dus je cmd / ctrl +? Het werkt niet op elementen met zoom: resetaangebrachte.