Html 如何在表格单元格中生成响应图像？

当屏幕宽度变小时，黄色

中的图像不会调整大小，我不知道为什么。我怎样才能解决这个问题

下面是一个示例和代码

.s\u容器{
保证金：自动；
宽度：100%；
身高：100%；
边界间距：0px；
溢出：隐藏；
边界：无；
显示：表格；
}
ssm_opcion先生{
显示：表格单元格；
垂直对齐：中间对齐；
背景：黄色；
}
.ssm_opcion img{
宽度：自动；
高度：自动；
垂直对齐：中间对齐；
}
#文本选项{
宽度：100%；
身高：100%；
最小宽度：50px；
显示：表格单元格；
背景：绿色；
}
.ti-ab-d{
垂直对齐：底部对齐；
文本对齐：右对齐；
}

普鲁巴

只需如下设置正常图像大小参数：

max-width:100%;
max-height:100%;

---

我不确定是否可以用

table

解决这个问题，但您可以使用嵌套来实现所需的布局。请参阅演示和内联注释

.s\u容器{
显示：flex；/*flex*/
}
ssm_opcion先生{
背景：黄色；
}
.ssm_opcion img{
最大宽度：100%；
高度：自动；
}
#文本选项{
背景：绿色；
弹性：1 0 50px；/*增长+无收缩+基础*/
显示：flex；/*flex*/
对齐内容：柔性端；/*水平右侧*/
对齐项目：柔性端；/*垂直底部*/
}

普鲁巴

width+表格布局。这就是您试图做的：是的，但是我需要宽度是动态的，并且适应图像的真实宽度。实际上，表格（显示或html）适应内容。你显然是想做完全相反的事。也许像这样？但是，请不要调整图像的大小。第一张是这样做的，第二张不是，那么，你要的是什么，我不清楚，或者你不明白第一张是如何工作的很好！！你救了我。谢谢