react的jsx不支持backgroudSize,如何处理?

Question

问题描述

react的jsx中backgroundSize不能使用，如何做才能达到同样的效果，固定宽高，图片宽度100%，高度超出隐藏,这样图片就不会变形

相关代码

     <div  style={{                  background: `url("${head}")`,
                  backgroundRepeat:"no-repeat",                  width: "3.75rem",                  height: "3rem",
                  backgroundSize:"cover"
                }}></div>

Answer 1

background-size放进background里。background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] / [ background-size] [background-origin] [background-clip]