小编Wil*_*iam的帖子

IE11中SVG周围的空白问题,与SVG中的文本有关

我在Internet Explorer中遇到SVG周围的大量空白问题.我创建了一个可以重现问题的最简单的例子:

<!DOCTYPE html>
<html lang="en">
<head>
<style>
svg {
  border: 1px solid red;
}
</style>
</head>

<body>
<svg width="600" height="600" viewbox="0 0 600 600">
  <rect fill="powderblue" x="0" y="0" width="600" height="600"/>
  <text x="500" y="500">test</text>
</svg>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

在IE11中查看此内容会在SVG的右侧和下方产生大量空白.请注意下面屏幕截图中的滚动条,表示IE中有大量空白空间,但Chrome中没有.