Question

我正在尝试使用width =“100％”和height =“100％”填充SVG图像的文档属性，html和body标签的高度=“100％”，身体（红色）和svg（蓝色）的颜色不同。

结果是一个全高svg，但右边有一个滚动条，底部有一条细线红色（正文）。

¿如何在没有滚动条的情况下使用svg填充文档？感谢。

代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>SVG full page</title>
    <style>
      html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        background-color: #ff0000;
      }
    </style>
  </head>
  <body>
    <svg width="100%" height="100%">
      <rect x="0" y="0" width="100%" height="100%" fill="#0000ff"></rect>
    </svg>
  </body>
</html>

Answer 1

将display: block; CSS属性添加到SVG元素。

您可以在此处查看演示：http://jsfiddle.net/VL6z3/

SVG 100％文档高度不起作用

1 个答案: