缩放css/javascript

Question

我想知道如何通过javascript控制缩放属性,比如div.style.top,如何指定缩放？

Answer 1

Firefox和Chrome(Webkit)与IE特定zoom属性的等价物分别为-moz-transform和-webkit-transform.

示例代码如下:

.zoomed-element {
    zoom: 1.5;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

你必须对Javascript(首先测试存在)更加小心,但是这里你是如何操纵它们的:

el.style.zoom = 1.5;
el.style.MozTransform = 'scale(1.5)';
el.style.WebkitTransform = 'scale(1.5)';