將寬度設置為 100% 但高度為默認值

Question

我希望將圖片的寬度更改為 100%。 但無論如何都不希望指定高度或影響寬度並導致圖像扭曲。

將高度歸零/歸零的術語是什么。 我一直在使用 /* height: 68px; */ 作為樣式表中的修復程序。 但一定有更好的方法嗎？

前

height: 68px;
width: 482px;

/* 高度之后：68px; */ 寬度：100%

Answer 1

一起從圖像中刪除高度，如果圖像繼承了高度，您可以使用height: auto;重置它height: auto; 還要確保不要忘記將min-height和max-height屬性重置為auto如果這些是繼承/設置的。

這樣做的原因是因為圖像會自動保持縱橫比，所以如果只設置高度，寬度會自動調整，如果只設置寬度，高度會自動調整。

這就是它的全部內容！

此外 - 如果您正在尋找更高級的圖像效果，我建議您用包含background-image屬性的 div 替換圖像標記 - 它將使您以不同的方式靈活，例如允許圖像縮放直到它覆蓋整個背景（ background-size: cover; ）或縮放到任何可能的（ background-size: contain ）。

祝你好運！

Answer 2

只需從 css 中刪除圖像的 height 屬性，它應該可以工作。 您還可以將圖像高度設置為自動。