如何在调整大小后将图像扩展为与div具有相同的高度?或者我如何用颜色填充图像留下的空白区域?
解决方法
我想这会得到你想要的结果:
<style> div { width:50px; height:100px; } div img { height:100%; } </style> <div> <img src='path/to/img.gif' /> </div>
现在,图像将填充到容器div的高度,并使用其宽高比缩放其宽度.这可能导致图像扩展超过容器div的预期宽度边界,但要小心.