iOS打破背景大小

Question

我正在尝试创建几个标记的图像，这些图像会拉伸或收缩，以匹配其内容的长度。这适用于iOS上任何浏览器的所有浏览器，例如iPhone和iPad。

请参阅下面的图片链接，了解它在iPad上的位置（上方标记图像）及其应用方式（以及在Windows和其他浏览器上）。

任何知道修复此问题的人，或解释为什么这只发生在iOS上？

&:after {
      content: '';
      position: absolute;

      top: -5px;
      left: -10px;
      width: 100%;
      height: 47px;
      z-index: -1;
      background-size: 100% 47px;
      @include bg-retina('~img/layout/block-subtitle-light-blue', 'png', 158px, 47px);
    }

Answer 1

我已经解决了这个问题。

通过媒体查询确定它是否是视网膜显示器。

{{1}}