width设成100%background-size不起作用？

Question

图片尺寸33*28，当width为50%，background-size不起作用，
当把width设为50px，background-size起作用，图片适应了容器的大小，不知怎么回事？图片描述

Answer 1

你这个的问题不是background-size在width:100%;的时候不起作用，而是根本就不起作用，你把background-size放在background属性之后才可以，要不然会被覆盖。之所以使用width:50px;看起来有用是因为background-image的大小小于50px，大于width:50%;对应的宽度

Answer 2

确认一下你的父元素的宽度是多少？50%是父元素的百分之五十，样式本身的写法应该没有问题。可以尝试写成100%看看是不是扩大了一倍，如果是，那应该就是百分比计算的问题了

Answer 3

先将设置:after的CSS display: block;，默认情况下，一些伪类并不是块状元素

Answer 4

"background-size: contain;" or "background-size: cover;"
try try look?