網頁圖標：未按比例調整大小

對於不同寬度和高度的圖標，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>

圖標顯示在頁面標題中。有沒有辦法告訴瀏覽器按比例調整圖標大小？謝謝。

來源

2017-01-26 Dave

使用CSS來保持圖像的比例。鏈接尺寸屬性在現代瀏覽器中得到很好的支持：

{ height:auto; max-width:100% }

來源

2017-01-26 05:11:03 Joshua

在哪裏添加樣式？謝謝 – Dave

網頁圖標：未按比例調整大小

回答

相關問題