CSS свойство масштабирования

ссылка Sitepoint говорит

Internet Explorer для версий Windows 5.5 и выше поддерживают нестандартное свойство zoom, которое устанавливает масштаб увеличения элемента. Нет CSS3, эквивалентного этому собственность (пока).

Как я могу достичь этого эффекта масштабирования в стандартных браузерах? Любые плагины jQuery доступны?

2 ответов


эквивалент CSS3 находится в CSS 2D преобразования модуль, в частности transform: scale().

поскольку этот модуль все еще находится на стадии рабочего проекта, вам понадобятся префиксы для браузера:

transform: scale(2);
-moz-transform: scale(2);
-webkit-transform: scale(2);
-o-transform: scale(2);

Вам также может понадобиться transform-origin (и версии для браузера), чтобы он вел себя так же, как zoom, и вы должны быть осторожны, чтобы элемент zoom только в IE, потому что WebKit поддерживает оба transform и zoom Так бы двойной масштаб.


чтобы завершить ответ масштабных преобразований:почему вы не обращаетесь к IE? Существует определенный -ms-zoom свойство, которое будет работать только в IE:http://msdn.microsoft.com/en-us/library/ie/ms531189 (v=против 85).aspx