html - 在 div 中自动调整图像大小

Question

所以我正在为用户构建这个自定义管理面板，以便轻松地将自己的网站数据构建到模板集合中。我遇到的主要问题是处理图像。一个模板上有一个 380px x 150px 的 div。我的问题是:

有没有一种方法可以自动调整图像大小以适应 div 并且不拉伸(stretch)或裁剪图像？我对所有解决方案持开放态度，但如果它能在 IE 中运行，那就太棒了。提前致谢。

Answer 1

是的，那将是:

#your_div.div{
    width:380px;
    height:150px;
}
#your_div img{
    max-width:100%;
    max-height:100%;
}

图像可能会调整大小但不会变形，您可能还会在某处留下一些“空白”空间，但这是合乎逻辑的预期。