伪元素中content属性为什么不能设置图片尺寸？

Question

div::before{content: url('a.png');display: block;width: 100px;height: 100px;object-fit: fill;}伪元素的content属性引入的图片之所以不能设置尺寸表现为固有尺寸，是不是因为它的默认属性是boject-fit: none？如果不是那是为什么不能设置呢？如果是的话，那么我已经设置了object-fit: fill为什么依然不能设置呢？

Answer 1

object-fit是图片img的样式，伪元素虽然可以设置图片，但毕竟不是img

你可以用背景图片，然后用background-size:cover

div::before{

content: '';

display: block;

width: 100px;

height: 100px;

background:url('a.png')

background-size:cover;

}