transform放大元素后，父级元素不出现滚动条的解决方案

首先讲一下自己对transform scale 的理解，transform scale 放大元素，元素本身的width与height不变，并不会影响页面布局，相当于是在元素上添加了一个放大镜。本质上是放大像素点，所以当放大图片时图片会出现模糊，这里也顺带提一下解决方案，当元素放大时去调用高清图片，不要一开始就加载大图，影响页面加载速度。

使用transform默认的作用中心是元素的中心点，通过  ransform-origin  调整，transform-origin:0 0;    

如果有需求不能改变中心点，可以在外层嵌套一层div，放大时同时对div进行transform matrix  偏移操作，在视觉上形成同样的效果。

最后贴上demo代码，放大元素本身不放大，就在外层添加一个div控制它的宽高影响滚动条。

    
        
        
        
        
        
        
    
    
        

            

                

啊你高啊啊阿斯顿

            

        

        

放大

        
    

如果有更好的解决方案欢迎补充