zoom和scale对比实例页面

CSS代码：

.zoom-half { zoom: 0.5; }
.scale-half { transform: scale(0.5); }
                

HTML代码：

<p><strong>图片zoom: 0.5;</strong></p>
<p><img src="mm1.jpg" class="zoom-half"></p>
<p><strong>图片transform: scale(0.5);</strong></p>
<p><img src="mm1.jpg" class="scale-half"></p>
<p><strong>容器(含图文)zoom: 0.5;</strong></p>
<p class="zoom-half">文字啊哈！<br><img src="mm1.jpg"></p>
<p><strong>容器(含图文)transform: scale(0.5);</strong></p>
<p class="scale-half">文字啊哈！<br><img src="mm1.jpg"></p>