Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE正在调整我的位置_Html_Css_Internet Explorer_Svg - Fatal编程技术网

Html IE正在调整我的位置

Html IE正在调整我的位置,html,css,internet-explorer,svg,Html,Css,Internet Explorer,Svg,知道为什么会这样吗 如果将以下内容粘贴到chrome中的新codepen.io中,它将显示一个勾号fine,并位于左上角 然而,在伊江及其右边的页面 在我的快速测试中,似乎仅通过设置高度IE(而不是边缘-那里看起来不错)就可以水平拉伸整个svg元素。如果添加width属性,它将捕捉回左上角。如果在CSS中设置高度和宽度,它也可以工作 2014年夏季之前发布的许多浏览器IE、Safari以及Opera和Chrome版本都不会自动调整内嵌SVG的大小。如果不同时指定高度和宽度,这些浏览器将应用它

知道为什么会这样吗

如果将以下内容粘贴到chrome中的新codepen.io中,它将显示一个勾号fine,并位于左上角

然而,在伊江及其右边的页面


在我的快速测试中,似乎仅通过设置
高度
IE(而不是边缘-那里看起来不错)就可以水平拉伸整个
svg
元素。如果添加
width
属性,它将捕捉回左上角。如果在CSS中设置高度和宽度,它也可以工作

2014年夏季之前发布的许多浏览器IE、Safari以及Opera和Chrome版本都不会自动调整内嵌SVG的大小。如果不同时指定高度和宽度,这些浏览器将应用它们通常的默认大小,正如前面提到的,对于不同的浏览器,默认大小是不同的。图像将缩放以适应该高度或宽度,再次在其周围留下额外的空白。同样,如果将“高度”和“宽度”都保留为“自动”,则会发生不一致的情况

<svg version="1.1" class="pull-left svg-header-tick" xmlns="http://www.w3.org/2000/svg" height="22px" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 92 72" enable-background="new 0 0 92 72" xml:space="preserve"><g><path class="svgcolor" d="M28.1,71.8L1.9,45.6c-2.3-2.3-2.3-6.1,0-8.5c2.3-2.3,6.1-2.3,8.5,0l17.8,17.8L81,2c2.3-2.3,6.1-2.3,8.5,0
    c2.3,2.3,2.3,6.1,0,8.5L28.1,71.8z"></path></g>
                                </svg>