可能有基于％的元素大小，但有最大PX宽度它会转到？

Question

我正在设计一个移动网站，我希望我使用的图像流畅，以匹配个人的浏览器大小。但是，我不希望有人使用大量的浏览器分辨率来访问该网站，或者只是出于我的下一个媒体查询，并让它看起来很糟糕。所以我想知道图像是否可以达到最大宽度？例如，如果我将图像设置为90％宽度，但它可以说类似，但是，它最多只能是500px长，之后它只会说500px长。 （我也想用其他元素做这个，比如div包装器）

另外，对于％s，图像是否保持相同的宽高比？

Answer 1

max-width的正确行为应覆盖图片的width。像这样：

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

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