我在覆盖将SVG封装在div中时遇到问题。我以前使用过嵌套的SVG，现在却被告知必须对内联SVG使用嵌套的div。
基本上，我需要将SVG调整为“容器”的大小-“容器”为浏览器窗口的大小。
有关在尝试整个div之前有效的示例：
仅SVG示例-完美运行
但是，当我尝试在它们周围包裹div时，无论我尝试了什么，它都保持与viewBox相同的大小。我在SO和其他地方对此进行了很多检查，似乎没有任何效果：填充技巧，100vw，宽度，高度等。
这是我尝试过的最新消息：
SVG封装在DIV示例中-行为不同
我把“ border：dashed;” 在第一个div中，只是要确保它与浏览窗口的大小相同。只是该div中的所有内容都没有改变。
关于如何获得“以div包裹”策略以匹配“纯SVG”策略的任何建议？
更清晰： 我想说的是，相对于“容器”的尺寸，“背景”形状需要为1000w x 500h。它的任何一个孩子都必须绝对位于1000w 500h内并相对于它定位。“容器”大小是可用空间。因此，如果浏览器窗口为3000w x 2000h，那么从技术上讲，“背景”形状应为3000w x 1500h（子形状也将相应调整大小-但保持在其原始相对位置-相对于1000w x 500h）。如果将窗口800w乘以600h，则“背景”和子形状会相对缩小。就像SVG示例一样。
上面的SVG示例，将其另存为html文件，在本地启动以及上下调整浏览器大小可能会有所帮助。这就是我要寻求的帮助，但是div似乎并不知道如何处理。
京公网安备 11010802041100号