設置寬度爲100％，但高度是默認

-1

我想一個PIC的寬度更改爲100％。但不要指定高度或影響寬度，並導致圖像扭曲。設置寬度爲100％，但高度是默認

什麼是空/零高度術語。我一直在使用/ * height：68px; * /現在作爲樣式表中的修復。但是一定有更好的辦法？

之前

height: 68px; 
width: 482px;

後/ *高：68px; */ 寬度：100％

來源

2015-11-20 Molder

身高：自動？或者如果你想要任何修正大小（不是更多），然後最小高度？請來例子或稍微更多的細節..Thanx –

@LeotheLion你的意思是最大高度？同時服務我的評論悉尼答案，看看你使用最大高度時需要什麼 –

取下圖像高度一起，如果圖像繼承了一個高度，你可以在此使用height: auto;也請務必不要忘記重置min-height和max-height屬性auto如果這些繼承復位/ set。

這部作品的原因是因爲圖像自動保持縱橫比，所以如果你設置一個高度而已，寬度將自動調整，如果你只設置寬度，高度將自動調整。

這幾乎是所有有給它！

另外 - 如果您正在尋找更高級的圖像效果，我建議用包含background-image屬性的div替換圖像標記 - 它可以讓您以不同方式靈活處理，如允許圖像縮放至它涵蓋了整個背景（background-size: cover;）或擴展到任何可能的範圍（background-size: contain）。

祝你好運！

來源

2015-11-20 09:27:43 SidOfc

@AjitKumarSingh是不是可以給「最大高度」？或者你不應該使用的圖像？你在錯誤的答案評論 –

@RicardoAlves我覺得人，但耶ofcourse你可以給'MAX-height'到圖像 - 沒有任何問題。它基本上只是在這種情況下作爲一個約束，這是'background-size：contain'對'background-image'所做的一個約束，但它也包含一個'max-width'，這樣圖像就不能超過元素/指定高度/指定寬度:) – SidOfc

好的，謝謝你的詳細解答。我確實評論了正確的問題，只是弄錯了用戶名。 –

只需從CSS中刪除height屬性，對於圖像，它應該工作。您也可以將圖像高度設置爲自動。

來源

2015-11-20 09:30:24

設置寬度爲100％，但高度是默認

回答

相關問題