iframe与变换缩放的区别？

1、使用iframe的时候，最大的好处就是内网页不用自己写了，可以引用，但是通常会有一个问题，因为iframe有可能只是我们自己网页的一部分，那么引用网页有可能是一个完整的网页，那么这样子的话，会造成显示上的问题。

2、那这时候，其实使用缩放来做，可以做一个折中的方案，毕竟原网页不是你想改就能改的。

3、缩放也是有2种的，一种是ZOOM，另一种是CSS3的transform:scale，那么他们有什么不同呢？

4、首先，他们的来源不同： 还在几年前，zoom还只是IE浏览器自己私有的玩具，但是，现在，除了FireFox浏览器，其他，尤其Chrome和移动端浏览器已经很好支持zoom属性了，注意，虽然Chrome/Safari浏览器支持了zoom属性，但是，其实zoom并不是标准属性。 而Transform则是CSS3标准，明明确确写入规范的。从IE9+到其他现代浏览器都支持。

5、其次，是他们写法不同： 

来看一下他们如果都是缩放一半，应该怎么写： 

.zoom-half { zoom: 0.5; } 

6、最后是他们的效果不同： zoom缩放是相对于左上角的，而scale默认是相对于元素的中心点缩放的，scale可以通过设置transform-origin来改变缩放的相对位置，当设置transform-origin: 0 0时，scale缩放可以达到和zoom缩放相似的结果。

7、综合上述原因，iframe应当使用的是transform：scale放缩更好一些。