Question

我正在使用这个CSS样式：

body{
    overflow: hidden;
   -moz-transform: scale(1.5);
   -moz-transform-origin: 0 0;
}

它适用于FF。不幸的是，我不知道如何在其他流行的浏览器中做同样的事情（至少，Opera，Chrome和IE）。

Answer 1

您可能需要的各种前缀。

  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);

  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
   transform-origin: 0 0;

由Autoprefixer

中提供的Codepen.io提供

Answer 2

只需删除-moz前缀

即可

  transform: scale(1.5); /* it works in all modern browsers */
  -webkit-transform: scale(1.5); /* it works for iOS and older Chrome*/
  -ms-transform: scale(1.5); /* it works in IE < 11 */

-moz-transform和scale。跨浏览器解决方案

2 个答案: