Css 呈锯齿形的线性渐变

Question

尝试使用线性渐变为我的 body 元素制作背景色，但最终显示为锯齿形

我尝试使用此代码，例如

Body{
    background: linear-gradient(45deg, Blue 50%, red 50%)
}

我知道了：

但这正是我所期待的

Answer 1

先给body一个height:100vh;然后把45deg换成to bottom left 因为缩小屏幕效果不好

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body{
  height:100vh;
  background-image: linear-gradient(to bottom left, red 50%, blue 50%)
}

Css 呈锯齿形的线性渐变

Css linear gradient showing zigzag

html

css

linear-gradients