Html 图像不'；当宽度和高度以百分比定义时，使用<；表>；父元素
我正在尝试按百分比缩小图像，这在Firefox中可以正确渲染，但在InternetExplorer中不能。img标签需要放在表中Html 图像不'；当宽度和高度以百分比定义时，使用<；表>；父元素,html,internet-explorer,firefox,Html,Internet Explorer,Firefox,我正在尝试按百分比缩小图像，这在Firefox中可以正确渲染，但在InternetExplorer中不能。img标签需要放在表中 <TABLE> <TR> <TD> <img src="test.gif" width="60%" height="60%"> </TD> </TR> </TABLE> 有没有更好的方法可以在两种浏览器中都使用？尝试在CSS中定义维度： <style ty
<TABLE>
<TR>
<TD>
<img src="test.gif" width="60%" height="60%">
</TD>
</TR>
</TABLE>
有没有更好的方法可以在两种浏览器中都使用？尝试在CSS中定义维度：
<style type="text/css">
.myImg{
width:60%;
height:60%;
}
</style>
<table>
<tr>
<td>
<img src="test.gif" class="myImg" />
</td>
</tr>
</table>
myImg先生{
宽度：60%；
身高：60%；
}
width=“200”无论如何，给它一个镜头-祝你好运查看源代码-文章中的图像缩放得非常好。使用FireBug可以帮助您找出能够实现所需缩放的CSS。请尝试以下代码：
<html>
<head>
<style>
table.full-width-table{
width:100%;
}
td.center-text-td{
text-align: center;
}
img.sixty-percent{
width:60%;
height:60%;
margin:0 auto;
}
</style>
</head>
<body>
<table class="full-width-table">
<tbody>
<tr>
<td class="center-text-td">
<img src="test.gif" class="sixty-percent"/>
</td>
</tr>
</tbody>
</table>
</body>
</html>
全宽桌子{
宽度：100%；
}
td.center-text-td{
文本对齐：居中；
}
百分之六十{
宽度：60%；
身高：60%；
保证金：0自动；
}