Css 对角笔划

目前，我正在开发这个简单的网站：

对角线是一个SVG图像，但我知道如何对这个SVG进行编码，以使其具有响应性，因此它在任何屏幕上都会以1px的速度提醒用户，并在左下角与徽标在同一位置相遇，就在carl的“C”旁边

我已经仔细看过这里了，找不到任何对我有帮助的东西，有人能帮我吗

目前，我将SVG图像设置为：

.image1 {
    position: fixed;
    top: 0;
    left: 0;
    padding: 77px 230px 0 0;
}


.parent {
  position: relative;
  top: 0;
  left: 0;
  color: #ffffff;
}


<div class="parent">
    <img class="image1" src='carl_line_mid.svg'>
    </div>

.image1{
位置：固定；
排名：0；
左：0；
填充：77px230px0；
}
.家长{
位置：相对位置；
排名：0；
左：0；
颜色：#ffffff；
}

为什么不直接将SVG元素插入HTML DOM

尝试：

我对图像做了一些调整。您可以通过style属性（当前为容器的100%）更改svg的大小，或者删除style属性并使用CSS进行设置。行的宽度将保持

1px

---

请在问题本身中插入代码：如果外部url无效，问题就不再有用了，这对我来说已经解决了。非常感谢如果我希望笔划与右上角点成45度角，我会取下xy值并用-45替换它们吗？这里的CSS代码是什么？这不适用于svg本身，因为CSS的宽度和高度正在拉伸/收缩svg容器。对于45度，需要使高度和宽度相同。