css - 如何强制“img”标签尊重父“图片”参数？

Question

有什么办法，那个img元素（设置为width:100%）跟随父<picture>元素的width 属性？这是一个示例来演示，它只遵循“样式”属性，而不是属性：

First:
<picture width="15" style="display:inline-block;">
     <img src="https://i.imgur.com/FqUFgYd.png" style="width: 100%;">
</picture>

Second:
<picture width="15" style="display:inline-block; width:15px;">
     <img src="https://i.imgur.com/FqUFgYd.png" style="width: 100%;">
</picture>

标签： cssimageattributeswidth

Answer 1

这是因为<picture>元素只支持全局属性，所以元素width="15"不支持<picture>。只能通过在CSS<picture>中定义元素、添加ID/class或添加到元素中来完成。**style=""**

Second:
<picture style="display:inline-block; width:15px;">
     <img src="https://i.imgur.com/FqUFgYd.png" style="width: 100%;">
</picture>