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

【问题标题】：How to force `img` tag to respect parent `picture` parameters?如何强制“img”标签尊重父“图片”参数？
【发布时间】：2019-12-14 16:51:09
【问题描述】：

有什么方法可以让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>

【问题讨论】：

标签： css image attributes width

【解决方案1】：

这是因为<picture>元素supports只有global attributes，所以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>

【讨论】：