chrome 和 Firefox 中的 SVG 像素差异答案

【问题标题】：SVG pixel difference in chrome and Firefoxchrome 和 Firefox 中的 SVG 像素差异
【发布时间】：2014-04-26 14:24:20
【问题描述】：

我想在网页上绘制图表。我打算使用 SVG。我需要全屏绘制图表。所以我使用 availHeight 和 availWidth 来查找客户端屏幕的高度和宽度，并计划相应地对其进行缩放。

现在我的屏幕是 1920 *1080 分辨率。

为了测试，我画了一条线如下

<svg height="500" width="1920">
    <line x1="0" y1="50" x2="1900" y2="50" style="stroke:rgb(255,0,0);" />
</svg>

我的问题是在 chrome 中该行溢出屏幕并显示滚动条但在 Firefox 中，它在屏幕上正确显示我需要在两个浏览器上保持一致的输出。

请帮帮我

【问题讨论】：

【解决方案1】：

为什么你不让它像 SVG 一样响应？我会制作一个容器 div 并使 svg 响应。

【讨论】：