我有一些标记,(我知道它不使用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>
即,图像始终显示其原始大小的100%,在其他浏览器(chrome,firefox)中,图像可以缩放以填充100%的单元格大小 - 这就是预期的...
是否有特定的黑客或语法可以使这个图像在所有浏览器中表现一致?
TIA
答案 0 :(得分:1)
有些事要尝试。
尝试在img上使用width =“inherit”或在td和img上使用min和max-width样式,直到得到你想要的为止。
如果你熟悉javascript或jquery,你可以得到父元素的宽度(td)并将图像宽度设置为。这将强制图像加载缩放到父容器的任何内容。
或者你可以给你的td一个id =“xyz”并内联这样做:
<img width="javascript:document.getElementById('xyz').width">
答案 1 :(得分: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是对的。
答案 2 :(得分:1)
如果从图片代码中删除width =“100%”会怎样?
如果它总是100%,你甚至需要这个样式值吗?
您没有缩放图像尺寸。
只是一个想法...
答案 3 :(得分:0)
使用style="max-width:auto;"
代替max-width:100%;“