根據寬度調整圖像大小

-1

如何強制調整圖像的大小以保持寬高比，但將寬度設置爲200px。我有很多圖像，每個人都是不同的大小，有些更大，更寬。但是我希望它們在佈局中的寬度都是200px，而不管它們中的一些比其他的高。接下來，我詳細介紹一下吧：根據寬度調整圖像大小

2017-02-03 Sredny M Casanova

所以只設置寬度，而不是高度。 .. – epascarello

@epascarello是的，我試過，但它削減了圖像 –

只需設置'寬度：200px'和'身高：自動'或不要設置高度任何東西，你很好。除非您將兩者都設置爲固定值，例如'width：200px; height：200px;'，否則H：W比率將自動保持不變。默認情況下，在4：3圖像中，如果您設置了「width：200px」並保留高度，則高度將爲150px。如果它在某處切割圖像，請創建一個小提琴。 – forrestmid

只需設置在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;">

來源

2017-02-03 22:51:32 Glitcher

根據寬度調整圖像大小

回答

相關問題