中心动态高度/宽度图像到固定高度/宽度div

Question

我将动态图像居中到固定大小的div有问题。因此，主要思想是图像知道如何自我缩放，无论是全景图像还是肖像图像。我正在调整的div接近16：9（300x170）。有什么想法吗？

Answer 1

试试这个 - DEMO

div {
    height: 170px;
    width: 300px;
    border: solid;
    line-height: 170px;
    text-align: center;
}

div img {
    display: inline-block;
    max-width: 300px;
    max-height: 170px;
    vertical-align: middle;
}