Microsoft Edge上的SVG徽标显示比其他浏览器大10倍

Question

我在网站上使用了svg徽标，如下所示：

|  Welcome to JShell -- Version 9-ea
|  For an introduction type: /help intro

jshell> /open G:\kavitha\Test.java

jshell> /list

   1 : public class Test{
        public static void main(String[] args){
                 int i = 1;
                 int j = 2;
             System.out.println("Sum of 1 and 2 is : " + (i+j));
        }
       }

jshell> /1
public class Test{
        public static void main(String[] args){
                 int i = 1;
                 int j = 2;
             System.out.println("Sum of 1 and 2 is : " + (i+j));
        }
}
|  modified class Test

jshell> /list

   2 : public class Test{
        public static void main(String[] args){
                 int i = 1;
                 int j = 2;
             System.out.println("Sum of 1 and 2 is : " + (i+j));
        }
       }

svg文件包含有关大小的以下信息：

<img alt="" class="logo logo-dark" src="images/logo-dark.svg">

确定宽度。

即使它在所有浏览器中都能正确显示，但在Microsoft Edge中显示的大10倍。

我错过了什么？

更新： <svg xmlns="http://www.w3.org/2000/svg" viewBox="-274.1 380.7 46 41.9" width="40"> 有.logo

Answer 1

不要使用svg中的宽度，而是在img标签中使用它，如下所示：

<img alt="" class="logo logo-dark" src="images/logo-dark.svg" width="40">

您还可以在svg上设置高度和宽度，而不是仅设置宽度。