javascript - Javascript中CCS3比例变换的等价物是什么？

Question

我在悬停时使用 css3 比例变换，我想为 Internet Explorer 用户重新创建效果。是否有任何平滑，类似的功能来完成这个？我看着用百分比改变宽度/高度，但效果不佳，所以我刮掉了那条路线。

Answer 1

您知道转换在带有 -ms 前缀的 IE9 上确实有效吗？

否则，看看 jQuery 和悬停功能。

Answer 2

您可以使用：

zoom: 2; /* IE */
-moz-transform: scale(2); /* Firefox */
-moz-transform-origin: 0 0;
-o-transform: scale(2); /* Opera */
-o-transform-origin: 0 0;
-webkit-transform: scale(2); /* Safari And Chrome */
-webkit-transform-origin: 0 0;

此外，如果您可以在 CSS 中做到这一点，请不要在 JS 中做到这一点。CSS 是硬件加速的，而 JS 不是。

或者正如 Joe-R 指出的那样，您可以使用“-ms”前缀。在这里检查： http: //caniuse.com/#search=transform

-ms-transform: scale(2); /* Internet explorer*/
-ms-transform-origin: 0 0;

Answer 3

由于 CSS3 处理它的方式（通过缩放您选择的包含对象中的每个子元素），如果没有 CSS3，将很难制作。您始终可以更改事物的宽度、高度和字体大小，甚至可以对其进行动画处理。