html - 调整窗口大小时将表格中的图像大小调整为 100% 以下

Question

我认为已经回答了类似的问题，但似乎没有一个真正对我有太大帮助。

我有一个表格，该表格设置为width="100%"顶行有一个单元格。该单元格包含一个相当宽的图像。当我调整窗口大小以及表格大小时，图像的大小不会调整到其原始大小的 100% 以下。

有没有办法让这张图片随着桌子的缩小而缩小？

Answer 1

将图像宽度也设置为 100%。

如果这没有帮助将其设置为自动！

#img{width:100%;}

或者

#img{width:auto;}

Answer 2

如果您希望它实际上小于图像的指定宽度/高度（或原始宽度/高度），则需要执行一些脚本。这意味着您可以连接浏览器的调整大小事件，并在调整大小时同等地重置图像的宽度/高度。

另一种选择是将图像包装在 div 中，并指定溢出：隐藏。因此，如果 div 对窗口来说太大了，它将隐藏掉在窗口之外的图像片段。