帮助图像大小调整问题

时间:2011-07-11 18:52:01

标签: html styles

我有一些标记,(我知道它不使用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

4 个答案:

答案 0 :(得分:1)

有些事要尝试。

  • 尝试在img上使用width =“inherit”或在td和img上使用min和max-width样式,直到得到你想要的为止。

  • 如果你熟悉javascript或jquery,你可以得到父元素的宽度(td)并将图像宽度设置为。这将强制图像加载缩放到父容器的任何内容。

或者你可以给你的td一个id =“xyz”并内联这样做:

<img width="javascript:document.getElementById('xyz').width">
  • 在IE中安装开发人员工具,这样您就可以检查DOM并修改样式等,直到您按照自己的方式查看它。

答案 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%;“