如何防止我的图像变得比原始大小更大但在移动设备上变小？

Question

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

编辑：

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

然后浏览器窗口最大化我不希望图像长得比原始大小大。

图像的大小约为浏览器窗口

的最大宽度的一半

Answer 1

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

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

请参阅此示例并调整浏览器大小以查看其运行情况： http://jsbin.com/lonuqudaraki/1/edit

Answer 2

我想通了

img {max-width：500px;余量：汽车;}