javascript - HTML/CSS : Display image at % screen width *up to* original width

Question

我想要一个简单的 html 代码，以 100% 的浏览器分辨率宽度显示图像，但不让它扩展到大于图像的原始分辨率宽度。

例如，我有一张分辨率为 800x600 的图像。我希望图像在移动网络浏览器上以 100% 的宽度显示，但在分辨率大于 800x600 的计算机浏览器上以 800 的宽度显示。

这可能吗？

谢谢!

Answer 1

您可以使用 CSS 非常轻松地做到这一点。

img {
  width: 100%;
  max-width: 800px;
}