鍍金池/ 問答/HTML/ 如何處理n張二倍圖,讓他們自適應為一倍圖?

如何處理n張二倍圖,讓他們自適應為一倍圖?

1.現(xiàn)在有N張二倍圖,但是實際的展示尺寸肯定不是圖片本身的大小,需要一倍圖的大小。
因為N張二倍圖的大小都不一致,如果一張圖一張圖去調(diào)節(jié)太繁雜,有沒有諸如calc()似的,
可以計算出來的方法,最好css能解決,目前js方面是react

回答
編輯回答
命多硬

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

2017年12月11日 18:04
編輯回答
薄荷糖

background-image: url("");
background-position:;
background-size: 100%;
這個方式適用小圖標,并且是適合任意固定寬度,背景圖自適應

2017年3月1日 00:41
編輯回答
薄荷糖
transform: scale(0.5);
2018年1月17日 21:10