css渐变移动端显示超过可是区域渐变重复问题，产生断层的现象的解决

1.可设置background-attachment 属性：定义背景图片随滚动轴的移动方式

属性值：

scroll 背景图片随着页面的滚动而滚动
fixed 背景图片不会随着页面的滚动而滚动。
local 背景图片会随着元素内容的滚动而滚动。
initial 设置该属性的默认值。 

page{
height: 100vh;
background-image:linear-gradient( #DC1010, #f4f4f4,#f4f4f4);
max-height: 100%;
background-attachment: fixed
}