Jquery 如何防止图像变大而在移动设备上变小？

我希望图像永远不会变大和扭曲，但我希望边缘能够调整并重新调整大小，以便在屏幕变小时保持在浏览器边界内

编辑：

我知道最大宽度，但图像比浏览器窗口小

然后浏览器窗口被最大化，我不希望图像变大超过其原始大小

---

图像的大小约为浏览器窗口最大宽度的一半

这将防止图像大于其实际尺寸，但会随着容器的宽度而缩小：

<img src="/yourimg.jpg" style="max-width:100%">

请参见此示例，并使用调整浏览器的大小以查看其运行情况： 我想出来了

---

img{max width:500px；margin:auto；}

请显示您迄今为止所做工作的代码我知道baout max width，但图像小于浏览器窗口。然后浏览器窗口被最大化，我不希望图像变大超过其原始大小。图像的大小约为浏览器窗口最大宽度的一半此处是一个调整右下面板大小的演示，您可以看到图像仅与原始图像一样大，当面板变小时图像变小