指定img元素的宽度或高度时

7
如果元素中只有heightwidth属性中的一个被设置,大多数浏览器似乎会保持图像的比例。以下是HTML 4.01参考文献中的原话:
当对象是图片时,它会被缩放。用户代理应该尽力缩放对象或图像以匹配作者指定的宽度和高度。
这里是http://www.w3.org/TR/html401/struct/objects.html#edef-IMG。如果浏览器非均匀地缩放图像,即仅更改图像的高度或宽度,这是否有问题呢?
更新2015年8月12日:Dillo(版本3.0.4)是一种浏览器示例,如果只设置了height或只设置了width,则其不会保持图像的比例。
2个回答

2
如果您查看Bootstrap在.img-responsive类中的操作,您会发现它只设置高度和最大宽度。http://getbootstrap.com/css/#images-responsive 如果浏览器没有根据高度自动缩放宽度,这个广泛使用的CSS包将会失败。

是的,如果浏览器没有确保缩放是统一的,许多网络上的图像会显示不正确。 - August Karlstrom

1
我无法代表规范作者发言,但从我作为Web开发人员的角度来看,如果您进行非均匀缩放,您的用户代理会出现问题,我的网站都无法正常呈现。为什么我要使用非均匀缩放?特别是其中一侧只与图像实际大小有关?

我同意,对照片进行非均匀缩放是绝对不可取的。 - August Karlstrom

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接