响应伪文本

Question

我正在尝试在伪元素中添加文字：before body。但似乎我被迫设置font-size，这意味着它没有响应。

如何在更改浏览器尺寸时强制content:'404'响应？我是否完全限于SVG图像？

结果我正在寻找内容背后的404文字：

Answer 1

你试过“vw” - Viewport-percentage lengths

吗？

body::before {
    content: "404";
    font-size: 50vw;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -25px);
}