<picture>没有按照应有的方式工作[重复] </picture>

Question

这个问题在这里已经有了答案：

是否可以在带有嵌入空白的 srcset 中有路径名？ (1 个回答)

4 小时前关闭。

下面是我的图片标签

<picture>
          <source
            media="(min-width: 1366px)"
            srcset="/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESDesktop content tile_grid.jpg?$staticlink$"
          >
          <source
            media="(min-width: 451px)"
            srcset="/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESTablet content tile_grid.jpg?$staticlink$"
          >
          <source
            media="(max-width: 450px)"
            srcset="/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESMobile content tile_grid.jpg?$staticlink$"
          >
          <img
            src="/LP/SpecialOffers/EC012722---ScrubBigOPromo-TILESDesktop content tile_grid.jpg?$staticlink$"
            alt="GET YOUR LIP FIX"
          >
</picture>

无论 window 的大小如何，都会执行后备 img 标签。 有人可以告诉我这里有什么问题吗

Answer 1

URL 中的空格字符需要在srcset属性中转义为%20 ，因为空格将标记 URL 和宽度或像素密度描述符之间的分隔。
它在src中确实有效，因为只需要 URL 并且空格字符没有特殊含义，因此浏览器可以自动将其转换为%20 。