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>

即，图像始终显示其原始大小的100％，在其他浏览器（chrome，firefox）中，图像可以缩放以填充100％的单元格大小 - 这就是预期的...

是否有特定的黑客或语法可以使这个图像在所有浏览器中表现一致？

TIA

Answer 1

有些事要尝试。

尝试在img上使用width =“inherit”或在td和img上使用min和max-width样式，直到得到你想要的为止。
如果你熟悉javascript或jquery，你可以得到父元素的宽度（td）并将图像宽度设置为。这将强制图像加载缩放到父容器的任何内容。

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

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

在IE中安装开发人员工具，这样您就可以检查DOM并修改样式等，直到您按照自己的方式查看它。

Answer 2

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

变化：

<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 3

如果从图片代码中删除width =“100％”会怎样？

如果它总是100％，你甚至需要这个样式值吗？

您没有缩放图像尺寸。

只是一个想法...

Answer 4

使用style="max-width:auto;"代替max-width：100％;“

帮助图像大小调整问题

4 个答案: