zoomVlastnost CSS umožňuje škálovat svůj obsah. Je nestandardní a původně byl implementován pouze v aplikaci Internet Explorer. Ačkoli několik dalších prohlížečů nyní podporuje přiblížení, pro produkční weby se to nedoporučuje.
.zoom ( zoom: 150%; )„Podporované: hodnoty jsou:
percentage- Měřítko o toto procentonumber- Převést na procenta a měřítko - 1 == 100%; 1,5 == 150%;normal- zvětšení: 1;
Pokud to váš prohlížeč podporuje, uvidíte tyto obrázky v různých velikostech:
Zoom je stará IE věc. Není to něco, co byste měli používat na živých webech. Chcete-li škálovat obsah, použijte transformace CSS. Pokud potřebujete podporu oldIE, můžete také použít filtry.
V dobách IE6 se zoom používal především jako hack. Mnoho chyb při vykreslování v IE6 i IE7 bylo možné opravit pomocí zoomu. Jako příklad display: inline-blocknefungoval v IE6 / 7 moc dobře. Nastavení zoom: 1problém vyřešilo. Chyba měla co do činění s tím, jak IE vykreslil své rozložení. Nastavení zoom: 1zapnuto interní vlastnost s názvem hasLayout, která problém vyřešila.
Podpora prohlížeče
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| Žádný | 4,0+ | Žádný | Žádný | 5,5+ | Bude upřesněno | Bude upřesněno |
Safari také podporuje zoomod verze 4. Je však přidal novou hodnotu: reset. To říká prohlížeči, aby nezvětšoval váš prvek na přiblížení. Takže vaše cmd / ctrl +? Na prvky s zoom: resetaplikovaným nefunguje .