该表有2列5行;在每个单元格中我放置了一个图像,我需要该图像以适应td尺寸.
这是我的HTML和CSS代码:
#menu{ float:right; width:200px; height:650px; border-bottom:none; border-left:solid 1px; } #menu img{ width:100%; height:auto;; } td{ border:solid 1px; } <table id="menu" cellspacing="0"> <tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr> <tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr> <tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr> <tr><td class="item"><img src="../mke.jpg"/></td><td class="item"><img src="../mke.jpg"/></td></tr> </table>
我得到的是这个:
图像不适合所有细胞.
如何重新调整这些图像的大小?我需要一个适用于IE9的建议.