如何将图像宽度和高度调整为100 x 100保持率？

Question

这是2张图片

1. 宽度：300px，高度：200px
2. 宽度：200px，高度：600px

我希望这两个显示如下

1. 宽度：100px，高度：66.6px
2. 宽度：33.3像素，高度：100像素

将这些调整为100px的保持率。 我怎么写CSS？

Answer 1

使用此...

image {
    width: 100px;
    height: auto;
}

当然，您可以执行<img src="src" style="width:100px; height:auto;">并相应地将宽度和高度更改为100px。

Answer 2

在图片中应用下面的.resize类应该可以做你想要的......

.resize {
    max-width: 100px;
    max-height: 100px;
}

示例：http://jsfiddle.net/rU5qK/