Javascript 响应SVG工作不正常？

我在制作SVG时遇到问题。我已经尝试了这个问题的解决方案（），但它对我不起作用。无论设置如何，SVG似乎都能保持其纵横比。（我在上面发了帖子。一旦我解决了这个问题，我会删除这个问题）

上下文：这是一个作为电子桌面应用程序运行的全屏D3时间表。为了提供一个关于这个问题的工作实例，我把所有的东西都去掉了。下面的图片来自Electron应用程序，但在浏览器中的行为是相同的：SVG只按比例缩放，如果窗口的纵横比与SVG的纵横比不匹配，则会进行裁剪

我希望发生的事情：理想情况下，我希望“弹性空间”处于垂直维度，以便SVG的大小适合窗口的宽度，高度可以缩放以适合

这是一个和

我仍在学习JS和d3–添加CSS来处理响应性变得非常混乱，因此非常感谢任何帮助

---

1024x768窗口大小

---

1400 x 900屏幕大小：SVG被裁剪

你可以用

preserveAspectRatio="none"

但我怀疑这可能不是您想要的，因为它将扩展SVG的内容

正文{
保证金：0；
填充：0；
}
.svg容器{
宽度：100vw；
高度：100vh；
背景色：#ffff00；
}
.svg内容响应{
显示：块；
背景色：#0000ff；
}