zoomNieruchomość w CSS pozwala na skalowanie treści. Jest niestandardowy i pierwotnie został zaimplementowany tylko w przeglądarce Internet Explorer. Chociaż kilka innych przeglądarek obsługuje teraz powiększanie, nie jest to zalecane dla witryn produkcyjnych.
.zoom ( zoom: 150%; )Wartości „obsługiwane:” to:
percentage- Skaluj o ten procentnumber- Zamień na procenty i skalę - 1 == 100%; 1,5 == 150%;normal- powiększenie: 1;
Jeśli Twoja przeglądarka to obsługuje, zobaczysz te obrazy w różnych rozmiarach:
Zoom to stara rzecz IE. To nie jest coś, czego powinieneś używać w aktywnych witrynach. Jeśli chcesz skalować zawartość, użyj transformacji CSS. Możesz także użyć filtrów, jeśli potrzebujesz obsługi oldIE.
W czasach IE6 zoom był używany głównie jako hack. Wiele błędów renderowania w IE6 i IE7 można naprawić za pomocą zoomu. Na przykład display: inline-blocknie działa zbyt dobrze w IE6 / 7. Ustawienie zoom: 1rozwiązało problem. Błąd był związany ze sposobem renderowania układu przez IE. Ustawienie zoom: 1włączało wewnętrzną właściwość o nazwie hasLayout, która rozwiązała problem.
Wsparcie przeglądarki
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| Każdy | 4.0+ | Żaden | Żaden | 5.5+ | TBD | TBD |
Safari obsługuje również zoomod wersji 4. Jednak to dodaje nową wartość: reset. To mówi przeglądarce, aby nie powiększała Twojego elementu podczas powiększania. Więc twój cmd / ctrl +? Nie działa na elementach z zoom: resetnałożonymi.