加载图标pic而不被裁剪?

时间:2013-06-11 06:45:29

标签: html html5 xhtml xhtml-transitional

Noob在这里。在什么尺寸,即宽度和高度,我应该加载代表图标链接的小图片,即家庭,站点地图图标​​。是否有通用的宽度和高度,当它在不同的浏览器中渲染时不会裁剪图像?谢谢,我通常将它们设置为88 x 88。

2 个答案:

答案 0 :(得分:3)

<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">

确保&gt;之间没有空格。 &LT; img标签

答案 1 :(得分:2)

没有浏览器不会裁剪图像。没有什么可担心的。如果您是新手,我会建议您习惯使用Alts,Title(搜索引擎优化 - 搜索引擎优化)以及图像大小。

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

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