html - 加载图标图片而不被裁剪？

Question

菜鸟在这里。我应该以什么大小（即宽度和高度）加载代表图标链接（即主页、站点地图图标​​）的小图片。是否有通用的宽度和高度在不同浏览器中呈现时不会裁剪图像？谢谢，我通常将它们设置为 88 x 88。

Answer 1

<img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42"><img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42">

确保 > < img 标签之间没有空格

Answer 2

没有浏览器不会裁剪图像。没有什么可担心的。如果您对此不熟悉，我建议您习惯于放置 Alts、标题（用于 SEO - 搜索引擎优化）以及图像的大小。

<img src="dog.jpg" alt="Image of a dog" title="A dog running happily around" height="42" width="42">

如果您的图像出现裁剪，那可能是因为您的 CSS。例如，在 Chrome 上，右键单击图像并选择“检查”。然后在样式选项卡下的左下方查看是否有任何样式会影响您的图像。您可以取消单击样式以查看其中一种样式是否会导致您的图像被裁剪。如果是这种情况，只需相应地编辑您的 CSS。