javascript - 缩放 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)';