The zoomproperti di CSS memungkinkan Anda untuk skala konten Anda. Ini tidak standar, dan pada awalnya hanya diterapkan di Internet Explorer. Meskipun beberapa browser lain sekarang mendukung zoom, itu tidak disarankan untuk situs produksi.
.zoom ( zoom: 150%; )Nilai "didukung: adalah:
percentage- Skala dengan persentase ininumber- Ubah menjadi persentase dan skala - 1 == 100%; 1,5 == 150%;normal- zoom: 1;
Jika browser Anda mendukungnya, Anda akan melihat gambar-gambar ini dalam ukuran yang berbeda:
Zoom adalah hal IE lama. Ini bukan sesuatu yang harus Anda gunakan di situs langsung. Jika Anda ingin mengubah skala konten, gunakan Transformasi CSS. Anda juga dapat menggunakan filter jika Anda membutuhkan dukungan IE lama.
Kembali ke masa IE6, zoom digunakan terutama sebagai peretasan. Banyak bug rendering di IE6 dan IE7 dapat diperbaiki menggunakan zoom. Sebagai contoh, display: inline-blocktidak berfungsi dengan baik di IE6 / 7. Pengaturan zoom: 1memperbaiki masalah. Bug tersebut berkaitan dengan bagaimana IE membuat tata letaknya. Pengaturan zoom: 1mengaktifkan properti internal yang disebut hasLayout, yang memperbaiki masalah.
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Apa saja | 4.0+ | Tidak ada | Tidak ada | 5.5+ | TBD | TBD |
Safari juga mendukung zoomsejak versi 4. Namun, tambahnya nilai baru: reset. Itu memberitahu browser untuk tidak memperbesar elemen Anda pada zoom. Jadi cmd / ctrl + Anda? Itu tidak bekerja pada elemen dengan zoom: resetditerapkan.