Javascript chrome和Firefox中的SVG像素差异

我想在网页上画一张图表。我计划使用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中，它在屏幕上的显示是正确的 我需要两个浏览器上的一致输出

---

请帮助我

为什么不将其作为SVG进行响应？我将创建一个容器div并使svg响应

下面是一个很好的描述：

---

谢谢你，彼得。。这是一个非常复杂的图，我需要通过container div而不是svg来完全控制scaleControl/如果它的行为不正常/