可能具有基於％的元素大小，但是具有最大的PX寬度會變成什麼？

Question

我正在設計一個移動網站，我希望我使用的圖像是流暢的，以便匹配個人的瀏覽器尺寸。但是，我不希望有人通過大量的瀏覽器分辨率或僅僅是我的下一個媒體查詢來訪問網站，並且看起來很糟糕。所以我想知道是否有可能有一個最大寬度的圖像將去？例如，如果我將圖像設置爲90％寬度，但是它可以說類似的，但是，它最多隻能是500px長，之後它只會說500px長。 （我也想用其他元素做這個，比如div封套）

另外，用％的圖片，圖片是否保持相同的長寬比？

Answer 1

max-width的正確行爲應覆蓋圖像的width。像這樣：

img { 
    width: 90%; 
    max-width: 500px; 
} 

MDN頁：https://developer.mozilla.org/en-US/docs/CSS/max-width#Notes