2017-02-03 159 views
-1

如何强制调整图像的大小以保持宽高比,但将宽度设置为200px。 我有很多图像,每个人都是不同的大小,有些更大,更宽。但是我希望它们在布局中的宽度都是200px,而不管它们中的一些比其他的高。接下来,我详细介绍一下吧:根据宽度调整图像大小

enter image description here

+1

所以只设置宽度,而不是高度。 .. – epascarello

+0

@epascarello是的,我试过,但它削减了图像 –

+1

只需设置'宽度:200px'和'身高:自动'或不要设置高度任何东西,你很好。除非您将两者都设置为固定值,例如'width:200px; height:200px;',否则H:W比率将自动保持不变。默认情况下,在4:3图像中,如果您设置了“width:200px”并保留高度,则高度将为150px。如果它在某处切割图像,请创建一个小提琴。 – forrestmid

回答

1

只需设置在CSS的宽度并保留高度设置为auto

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

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

相关问题