我希望图像永远不会变大和扭曲但我希望边缘调整并重新调整尺寸以在屏幕变小时保持在浏览器边框内。
编辑:
我知道最大宽度,但图像小于浏览器窗口。
然后浏览器窗口最大化我不希望图像长大于其原始大小。
图像大小是浏览器窗口最大宽度的一半
这将使图像不会大于其实际尺寸,但会随着容器的宽度缩小:
<img src="/yourimg.jpg" style="max-width:100%">
请参阅此示例并调整浏览器的大小以查看其运行情况:http://jsbin.com/lonuqudaraki/1/edit
我想到了
img {max-width:500px;保证金:汽车;}