根据宽度调整图像大小

时间:2017-02-03 22:46:30

标签: javascript html css css3

如何强制保持纵横比的图像大小调整,但将宽度设置为200px。 我有很多图像,每个图像都有不同的大小,有些更大,有些更宽。但是我希望布局中每个布局的宽度都是200px,不管其中一些高于其他布局。接下来我解释一下它:

enter image description here

1 个答案:

答案 0 :(得分:1)

只需在CSS中设置宽度,并将高度保留为自动



<img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTQwMjAwNzI0M15BMl5BanBnXkFtZTcwOTY1MTMyOQ@@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 200px; height:auto;">

<img src="https://images-na.ssl-images-amazon.com/images/M/MV5BMTQwMjAwNzI0M15BMl5BanBnXkFtZTcwOTY1MTMyOQ@@._V1_UY317_CR22,0,214,317_AL_.jpg" style="width: 300px; height:auto;">
&#13;
&#13;
&#13;