html - 如果我提供高度或宽度,浏览器会相应地调整图像大小吗?

标签 html css xhtml browser

我应该在 XxY 容器中显示 MxN 像素图像,一位同事建议在 img 标签中只提供高度或宽度属性。因此,根据他的说法,如果我提供宽度,浏览器将计算高度并按比例调整图像大小。我还没有看到这个在行动,我不确定是否所有的浏览器都支持这个。

最佳答案

根据我的个人经验,如果您要指定高度或宽度,浏览器会按比例调整图像大小;如果同时指定两者,则比例会被破坏,您的图像将不成比例。

但是,我不确定所有浏览器是如何处理这个的...我确信 Internet Explorer 自 Internet Explorer 以来就做了一些时髦的事情。不管怎样,这里有一些来自 Mozilla 开发者网络的关于图像缩放的信息:

https://developer.mozilla.org/en/css/scaling_background_images

希望对您有所帮助。

关于html - 如果我提供高度或宽度,浏览器会相应地调整图像大小吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5321851/

相关文章:

css - 用点填充空白

HTML 4.01 与 XHTML 1.0

templates - Scala/Lift - 试图理解 Lift 同时声称使用有效的 html 和倾向性提升 : tags and tag rewriting in render

css - 用 div 布局...你能有太多吗?

html - float 元素不在其容器内

html - 我需要 3 个 div 来实现吗?

jquery - 滚动条中断悬停状态,CSS

javascript - 使用javascript在按下按钮时将外部CSS转换为内联

javascript - 将 JavaScript 对象序列化为可用作片段标识符 (url#hash) 的最佳方法是什么?

使用 show() 和 hide() 进行 Javascript 搜索并添加其他类