Den zoomegendom i CSS kan du skala ditt innehåll. Den är icke-standard och implementerades ursprungligen endast i Internet Explorer. Även om flera andra webbläsare nu stöder zoom rekommenderas det inte för produktionswebbplatser.
.zoom ( zoom: 150%; )Värdena "stöds: är:
percentage- Skala med denna procentsatsnumber- Konvertera till procent och skala - 1 == 100%; 1,5 == 150%;normal- zoom: 1;
Om din webbläsare stöder det ser du dessa bilder i olika storlekar:
Zoom är en gammal IE-sak. Det är inte något du bör använda på live-webbplatser. Om du vill skala innehåll, använd CSS Transforms. Du kan också använda filter om du behöver oldIE-support.
Tillbaka i dagarna av IE6 användes zoom främst som ett hack. Många av renderingsfelen i både IE6 och IE7 kan fixas med zoom. Fungerade till exempel display: inline-blockinte så bra i IE6 / 7. Inställningen zoom: 1löste problemet. Felet hade att göra med hur IE gjorde sin layout. Inställningen zoom: 1aktiverade en intern egendom som heter hasLayout, vilket åtgärdade problemet.
Webbläsarstöd
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Några | 4.0+ | Ingen | Ingen | 5.5+ | TBD | TBD |
Safari stöder också zoomsedan version 4. Men tillade ett nytt värde: reset. Det säger till webbläsaren att inte zooma in ditt element på zoom. Så din cmd / ctrl +? Det fungerar inte på element med zoom: resettillämpad.