如何响应式在背景中显示5条竖线？然后 3 个平板电脑模式和 2 个智能手机模式？使用 CSS

Question

我想做的和这个网站的背景一模一样： 条纹网站 背景中的 5 条垂直线等距，固定宽度为 1300px，然后自适应适应 800px（切换到平板模式之前有 3 条线，然后是 2 条线......）

我试过这段代码，但我无法让行以 1300 像素宽的底部为中心。

body {
  min-height:100%;
  background:
    linear-gradient(blue 0 0) calc(1*100%/6),
    linear-gradient(blue 0 0) calc(2*100%/6),
    linear-gradient(blue 0 0) calc(3*100%/6),
    linear-gradient(blue 0 0) calc(4*100%/6),
    linear-gradient(blue 0 0) calc(5*100%/6);
  background-size:1px 100%; 
  background-repeat:no-repeat;
}