image - 图像大小调整 - 没有 css 或 js ......？

Question

谁能告诉我这张图片是如何调整大小的？如果您使用 firebug 从页面中删除 bg，您将清楚地看到图像。

我注意到当页面被缩放时，宽度和高度属性应用并开始缩放图像。我浏览了页面，没有显示百分比宽度或高度的 css，也没有看到 js。

这是如何工作的？谢谢

score 1 · Accepted Answer

我暂时说这是一个浏览器内置功能，因为 url 以图像扩展名结尾，浏览器知道它不是 html 页面，所以它会以不同的方式呈现它。

好吧，我仍然不认为有什么神奇之处，在普通的 html 页面中，如果您为图像设置固定宽度，浏览器将自动调整其高度。更像是这样的场景：

<div class="image-wrapper">
   <img width="100%" src="..."/>
</div>

图像将根据其原始比例调整大小，宽度变化为image-wrapper

1 回答 1