javascript – CSS缩放属性

Sitepoint reference说

Internet Explorer for Windows versions
5.5 and above support the non-standard property zoom,which sets the
magnification scale of an element.
There’s no CSS3 equivalent to this
property (as yet).

如何在标准浏览器中实现此缩放效果？有没有可用的jQuery插件？

解决方法

CSS3等价物在 CSS 2D Transforms模块中,特别是transform：scale().

由于此模块仍处于Working Draft阶段,因此您需要特定于浏览器的前缀：

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

您可能还需要transform-origin(和特定于浏览器的版本)以使其行为与缩放相同,并且您必须小心仅在IE处定位缩放,因为WebKit支持变换和缩放,因此会加倍规模.