可能具有基于％的元素大小，但是具有最大的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