CSS关于二倍图的使用

实际工作中可能会得到二倍图,但我们需要的是一倍图的尺寸显示在网页,有N张图的情况下我们不可能去调节每一张图故可以通过transform:scale进行缩放 t

实际工作中可能会得到二倍图,但我们需要的是一倍图的尺寸显示在网页,有N张图的情况下我们不可能去调节每一张图故可以通过transform:scale进行缩放

transform-origin:left top;
transform:scale(0.5);

但此时原本的盒子大小不会变化,会留下一大片空白
这个时候我们可以使用zoom,zoom会改变到盒子的大小,不过可能会有性能问题,这个时候看取舍了

zoom:0.5;

参考:
1. transform
2. zoom