帮助解决ie中的图像大小问题

Question

我有一些标记，(我知道它不使用CSS -这在我的环境中是一个限制)它是这样的:

<table width="100%" cellpadding="5">
<tr><td  width="60%">
    <img src="../images/oracle_memory.gif" alt="oracle_memory.gif" width="100%"/>
</td>
<td>
</td>
</tr>
</table>

在ie中，图像总是以其原始大小的100%显示，在其他浏览器(chrome, firefox)中，图像缩放以填充单元格大小的100% -这是预期的…

是否有一个ie特定的hack或语法，将使该图像在所有浏览器中表现一致?

tia

Answer 1

您正在设置图像的宽度，而不是图像的样式的宽度。

改变:

<img src="../images/oracle_memory.gif" alt="oracle_memory.gif" width="100%" />

为:

<img src="../images/oracle_memory.gif" alt="oracle_memory.gif" style="width:100%;" />

我甚至认为IE在这种情况下是正确的。

Answer 2

可以尝试一下。

• 尝试在img上使用width="inherit"或者在td和img上使用min和max-width样式，直到你得到你想要的。

• 如果你熟悉javascript或jquery，你可以只获得父元素(td)的宽度，并设置图像宽度。这将强制图像加载缩放到父容器的大小

或者你可以给你的td一个id="xyz"，这样做:

<img width="javascript:document.getElementById('xyz').width">

• 在IE中安装一个开发者工具，这样你就可以检查DOM和修改样式等，直到你得到你想要的方式。

Answer 3

如果从图像标签中删除width="100%"会发生什么?

如果总是100%，你还需要这个样式值吗?

您没有缩放图像尺寸。

只是一个想法…

Answer 4

使用style="max-width:auto;"代替max-width:100%;"