放大css/javascript

前端之家收集整理的这篇文章主要介绍了放大css/javascript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道如何通过javascript控制缩放属性
像div.style.top,如何指定缩放?

解决方法

Firefox&与IE特定缩放属性相同的Chrome(Webkit)分别为 -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)';

猜你在找的CSS相关文章