背景图长宽100%，也能显示不全？

前言

前两天进行业务开发时，用到一个「券样式」的背景图(background-image)，即下图的「返利￥1.30」：

容器的宽度会根据文字内容自适应，代码如下：
css:

.coupon-like {
   
  padding: 8rpx 10rpx;
  background-size: 100% 100%;
}

html：（代码是微信小程序的写法）

<view
	class="coupon-like"
  style="background-image: url('{
      {commonImgUrl.goods2}}');"
  wx:if=