2017-01-26 2 views
0

Für ein Symbol mit unterschiedlicher Breite und Höhe, Chrome und Firefox passen die Größe des Symbolbildes an ein Quadrat an (gleiche Breite und Höhe) und ist daher nicht proportional. Microsoft Edge macht hier eine großartige Arbeit, indem es die Größe des Icons proportional verändert.Webseitensymbole: nicht proportional skaliert

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

Das Symbol wird im Seitentitel angezeigt. Gibt es eine Möglichkeit, dem Browser zu sagen, dass er das Symbol proportional skalieren soll? Vielen Dank.

Antwort

0

Verwenden Sie die CSS, um Bilder proportional zu halten. Das Linkgrößenattribut wird in modernen Browsern nicht unterstützt:

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

wo den Stil hinzufügen? Vielen Dank – Dave

Verwandte Themen