Question

我总是可以将图像拉伸到100％宽度。

我正在尝试相同的图片，但它不起作用。我看了MDN，并没有透露任何相关内容。

我似乎无法理解为什么会出现这种情况，所以我可能做错了，也许其他一些CSS规则会起作用。我正在谷歌搜索它，因为我不断获得拉伸图片的结果，所以如果这是一个常见的问题，请道歉。

这是我正在使用的标签

<picture class="my-image">
  <source srcSet="src" media="(min-width:960px)"/>
  <img srcSet="src" />
</picture>

my-image类在这里不起作用。

Answer 1

您错过了src标记，例如，里面的图片会保留<source>元素，但.my-image { width: 100%; } .my-image img { width: 100%; }标记会优先显示，以防规则得到满足。< / p>

＆＃13;

<picture class="my-image">
  <source srcset="https://img.gawkerassets.com/post/17/2012/08/1230-everyanything.png" media="(min-width: 900px)"/>
    <source srcset="https://img.gawkerassets.com/post/17/2012/08/1230-everyanything.png" media="(max-width: 400px)"/>
 
   <img src="https://3.bp.blogspot.com/_Y8u09A7q7DU/S-o0pf4EqwI/AAAAAAAAFHI/PdRKv8iaq70/s1600/id-do-anything-logo.jpg"/>
  
</picture>

＆＃13;

again()

＆＃13;

图片srcSet元素可以像img标签一样伸展100％吗？

1 个答案: