代码之家 › 专栏 › 技术社区 › spiderman

使用img src加载图像会在Mozilla/Chrome中产生不同的大小

mozilla cross-browser browser google-chrome html

0

spiderman · 技术社区 · 12 年前

我不是UI专家。对于显示重载图标的要求之一,我从链接下载了128x128像素的重载图标- https://www.iconfinder.com/icons/28464/recycle_refresh_reload_sync_icon

并在我的html页面中使用。实际上,这是为一个流行页面而设计的。

<body>
<img src="reload.ico" />
</body>

在Firefox中打开时,它显示为一个小图像,但在Chrome中打开时它相对较大。这背后的原因是什么?

我同意在将代码更改为后,

<body>
<img src="reload.ico" width="24px" height="24px" />
</body>

两个浏览器显示的大小相同。但我很想知道为什么在第一个案例中不是这样。

编辑: 实际上,我无意中下载了128x128。但我很惊讶地看到了这种差异。

1 回复 | 直到 12 年前

1

Gabriele Petrioli 12 年前

这个 .ico文件 文件仅支持favicon。

首选 .png格式 透明图像/图标的文件。

您可以在以下位置查看每个浏览器支持的格式列表 Comparison of web browsers on wikipedia