对于宽度和高度不同的图标， Chrome和Firefox将图标图像调整为正方形（宽度和高度相同），因此不成比例。 Microsoft Edge在按比例调整图标大小方面做得很好。
<!doctype html>
<html>
<head>
<title>Example Application</title>
<link rel="icon" href="/images/logo.png">
<!-- or
<link rel="icon" sizes="300,200" href="/images/logo.png"> -->
</head>
<body>
Hello, Great day!
</body>
</html>
图标显示在页面标题中。有没有办法告诉浏览器按比例调整图标大小？感谢。
答案 0 :(得分：0)
使用CSS保持图像比例。现代浏览器支持链接大小属性：
{ height:auto; max-width:100% }