缩放css / javascript [英] zoom css/javascript

查看：139 发布时间：2019/1/25 18:06:09 javascript zoom

本文介绍了缩放css / javascript的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

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

I would like to know how zoom property can be controlled through javascript, like div.style.top , how to specify for zoom ?

Firefox&特定于IE的 zoom 属性的Chrome（Webkit）等效项分别为 -moz-transform 和 -webkit-transform 。

The Firefox & Chrome (Webkit) equivalents to the IE-specific zoom property are, respectively, -moz-transform and -webkit-transform.

示例代码将be：

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

你必须对Javascript更加小心（测试存在第一），但这是你如何操纵它们：

You'd have to be a bit more careful with Javascript (test for existence first), but here's how you'd manipulate them:

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

这篇关于缩放css / javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文