CSS缩放和对页的对中

Question

为什么这在Firefox中起作用，而在Chrome中不起作用？

position:absolute; 
overflow: hidden; 
margin:0; 
padding:0; 
transform: translate(240px,79.5px) scale(1.2484375);

在translate(x,y)和scale(value), x,y,中，不同的计算机/浏览器的值是不同的。

它适用于火狐，但Chrome不能让缩放的或翻译成。

演示：** http://jsfiddle.net/SergioAntonio/kp9yr4m1/

**

我似乎找到了一个解决方案:我将JavaScript代码从:JavaScript翻译(240 its，79.5px)刻度(1.2484375)“改为。

至

document.body.style.transform="translate(240px,79.5px)标度(1.2484375)“；

现在它在镀铬中工作。

Answer 1

你试过供应商-正确的前缀吗？

-webkit-transform: translate(240px,79.5px) scale(1.2484375);

Chrome最初只在36版中提供了对转换的支持。对于旧版本，也适用于大多数Android浏览器，您仍然需要对其进行前缀。

Answer 2

像这样使用

.example {
  -webkit-transform: translate(240px,79.5px) scale(1.2484375);
      -ms-transform: translate(240px,79.5px) scale(1.2484375);
          transform: translate(240px,79.5px) scale(1.2484375);
}