圖片 Responsive

div > img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

如果要置中的話，再加上 position 設定。

div {
    position: relative;
}

img {
    width: auto;
    height : auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}