如果只为height
元素设置了width
或img
属性中的一个,则大多数浏览器似乎都会保留图像的比例。
这是来自HTML 4.01参考:
当对象是图像时,它会被缩放。用户代理应该做他们的 最好缩放对象或图像以匹配宽度和高度 由作者指定。
http://www.w3.org/TR/html401/struct/objects.html#edef-IMG
浏览器不均匀地缩放图像,只改变图像的高度或宽度是不是错了?
更新2015-08-12:Dillo(版本3.0.4)是一个浏览器示例,如果仅 height 或仅宽度已设置。
答案 0 :(得分:1)
我不能代表规范作者,但是作为网站开发人员,如果您非统一地扩展您的用户代理并且我的网站都不能正确呈现给您,那么我作为Web开发人员。为什么我会想要一个非均匀缩放?特别是一方是由图像恰好是什么尺寸决定的?
答案 1 :(得分:1)
如果你看一下Bootstrap对.img响应类的作用,它只设置高度和最大宽度。 http://getbootstrap.com/css/#images-responsive
如果浏览器没有根据高度自动缩放宽度,则广泛使用的CSS包将失败。