zoomВластивість в CSS дозволяє масштабувати вміст. Він нестандартний і спочатку був реалізований лише в Internet Explorer. Хоча кілька інших браузерів зараз підтримують масштабування, це не рекомендується для виробничих сайтів.
.zoom ( zoom: 150%; )Значеннями “підтримується:” є:
percentage- Шкала на цей відсотокnumber- Перевести у відсотки та масштаб - 1 == 100%; 1,5 == 150%;normal- масштабування: 1;
Якщо ваш браузер це підтримує, ви побачите ці зображення різних розмірів:
Масштаб - це стара IE річ. Це не те, що ви повинні використовувати на реальних сайтах. Якщо ви хочете масштабувати вміст, використовуйте CSS Transforms. Ви також можете використовувати фільтри, якщо вам потрібна підтримка oldIE.
Ще за часів IE6 масштабування використовувалось насамперед як хакерство. Багато помилок візуалізації в IE6 та IE7 можна виправити за допомогою масштабування. Як приклад, display: inline-blockне працював дуже добре в IE6 / 7. Налаштування zoom: 1вирішило проблему. Помилка була пов’язана з тим, як IE відображав її макет. Параметр zoom: 1увімкнув внутрішню властивість hasLayout, яка вирішила проблему.
Підтримка браузера
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Будь-який | 4.0+ | Жоден | Жоден | 5,5+ | TBD | TBD |
Safari також підтримує zoomпочинаючи з версії 4. Тим НЕ менше, він додав нове значення: reset. Це говорить браузеру не збільшувати ваш елемент на масштабуванні. Отже, ваш cmd / ctrl +? Це не працює з елементами із zoom: resetзастосованим