我想要一个简单的 html 代码,以 100% 的浏览器分辨率宽度显示图像,但不让它扩展到大于图像的原始分辨率宽度。
例如,我有一张分辨率为 800x600 的图像。我希望图像在移动网络浏览器上以 100% 的宽度显示,但在分辨率大于 800x600 的计算机浏览器上以 800 的宽度显示。
这可能吗?
谢谢!
最佳答案
您可以使用 CSS 非常轻松地做到这一点。
img {
width: 100%;
max-width: 800px;
}
关于javascript - HTML/CSS : Display image at % screen width *up to* original width,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27929747/