有谁能告诉我这张图片是如何调整大小的?如果您使用firebug从页面中删除bg,您将对图像有清晰的视野。
http://canvas.is/images/logo_solid.png
我注意到当缩放页面时,应用宽度和高度属性并开始缩放图像。我查看了页面,没有css表示百分比宽度或高度,看不到j。
这是如何工作的? 感谢
答案 0 :(得分:0)
我暂时会说这是一个浏览器内置功能,因为url以图片扩展名结尾,浏览器知道它不是html页面,所以它会以不同的方式呈现它。
好吧,我仍然认为没有什么神奇的东西,在普通的html页面中,如果你为图像设置一个固定的宽度,浏览器会自动调整其高度。这更像是这种情况:
<div class="image-wrapper">
<img width="100%" src="..."/>
</div>
图像将根据其原始比例调整大小,宽度更改为image-wrapper