使響應圖像只根據需要收縮

Question

在我的web應用程序中，我有許多圖像。它們要麼在style屬性中指定了寬度（以像素爲單位）。或者他們沒有指定尺寸。我想讓它們響應，但它們不應該大於指定寬度或它們的實際寬度，即使父容器可能較大。

請注意，圖像是由用戶添加的。我無法爲每張圖片添加特定的樣式。我希望將一些通用樣式規則應用於所有這些圖像。

這是可行的嗎？

Answer 1

使用max-width屬性。

CSS

img{ 
max-width:100%; 
} 

樣式因此。

希望這有助於..

Answer 2

你可以做到這一點使用CSS最大寬度屬性

在模板的CSS文件

img{max-width:100%;}