CSS缩放和页面居中

时间:2015-05-16 08:52:41

标签: javascript css document-body

为什么这可以在win32api.ShellExecute(0, "print", "D:/prints/2.pdf" , None, ".", 0) 中使用,但不能在Firefox中使用

Chrome

position:absolute; overflow: hidden; margin:0; padding:0; transform: translate(240px,79.5px) scale(1.2484375); translate(x,y)中,不同的计算机/浏览器的值不同。

适用于Firefox,但Chrome不会缩放已翻译

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

**

似乎我找到了一个解决方案: 我更改了JavaScript代码: document.body.style =“transform:translate(240px,79.5px)scale(1.2484375)”;

document.body.style.transform =“translate(240px,79.5px)scale(1.2484375)”;

现在它适用于chrome。

2 个答案:

答案 0 :(得分:1)

您是否尝试过正确的供应商前缀?

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

Chrome本身仅在版本36中提供对转换的支持。对于旧版本,对于大多数Android浏览器,您仍然必须为它添加前缀。

答案 1 :(得分:0)

像这样使用

.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);
}