我正在使用Bootstrap（3或4），并希望在页面的整个宽度上有一条对角线，其中间位置或多或少地位于固定宽度内容区域的中心（有时是文本，有时是图像），即使在调整浏览器窗口大小时也是如此。我有一个图像，说明我在完成时的想象：
An image of what this looks like
我一直在使用三角形的白色SVG来制作角度，但是我无法将其保持在框架内。无论窗口大小如何，线的角度都应保持不变。
答案 0 :(得分：0)
好的，我们走了。
我为你制作了一个svg文件，随意改变它的大小或颜色。
<svg id="backgroundImage" width="100%" viewBox="0 0 1280 720" style="position: fixed; top:0px; left:0px">
<polygon points="0,0 0,500 1280,350 1280,0" style="fill:#2989d8;stroke:transparent;stroke-width:0" />
</svg>
我所做的是，首先定义一个viewBox，作为我们的svg边界。然后将svg的宽度设置为100％。同样称为固定位置，顶部和左侧为0 px。
然后我绘制一个多边形，它实际上不是基于角度的，它是一个固定大小的多边形。因此，当容器尺寸发生变化时，它会相应地缩放。
您可以在下面的链接中看到它正在工作。