如何处理n张二倍图，让他们自适应为一倍图？

Question

1.现在有N张二倍图，但是实际的展示尺寸肯定不是图片本身的大小，需要一倍图的大小。
因为N张二倍图的大小都不一致，如果一张图一张图去调节太繁杂，有没有诸如calc()似的，
可以计算出来的方法，最好css能解决，目前js方面是react

Answer 1

transform: scale(0.5);

Answer 2

background-size: cover;
或者
object-fit: cover;

Answer 3

background-image: url("");
background-position:;
background-size: 100%;
这个方式适用小图标，并且是适合任意固定宽度，背景图自适应