手机端页面制作之——背景图片因长度不够而出现堆叠

每日一更文章，看看我能坚持多久，这是第三天了
今天的文章主题是解决背景图片因为长度有限不能够充满整个页面，当设置

background-repeat: repeat-y;

或者

background-repeat: repeat-x;

的时候会遇到的问题，在这里主要用于手机端的页面，但是经过测试，电脑端也可以很好的用到，至于兼容性嘛，我不太清楚，评论区如果有大神，还请指点一二。
这个问题，还是那句话，对页面的要求不高的话，不会觉得他是个问题，但是你真正出现了，也确实是很头疼。解决这个问题的关键是它

background-size: cover;

再加上下面这个就更完美了

background-position: 50%  50%;

这个代码适用于在背景图片有明显的边界的情况。因为背景图片在重复使用的时候，若有明显的边界，的确很影响视觉效果，若每次只显示中间的部分，则并不会出现因背景的重叠而显示出明显的分解感。
当然一张纯色的背景是绝对不会出现这样的问题的，今天就分享到这里趴~