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

时间:2011-09-15 13:40:29

标签: html image html-table resize shrink

我认为类似的问题已得到解答,但似乎没有人能帮助我这么多。

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

当表缩小时,有没有办法让这个图像缩小尺寸?

2 个答案:

答案 0 :(得分:1)

将图像宽度设置为100%。

如果这无法帮助将其设置为自动!

#img{width:100%;}

#img{width:auto;}

答案 1 :(得分:0)

如果您希望它实际上小于图像的指定宽度/高度(或原始宽度/高度),则需要执行一些脚本编写。这意味着您可以连接浏览器的resize事件并在调整大小时平均重置图像的宽度/高度。

另一种选择是将图像包装在div中,并指定了overflow:hidden。因此,如果div对于窗口变大,它将隐藏落在窗口外的图像片段。