CSS背景图片满屏，不重复

很多初学网页的同学都会遇到添加背景图片，但是大小不好把控的情况。有两种方法：

1、查看浏览器的像素，调整背景图片的像素一致。这样会在表面上看起来背景图片占满屏，但是一旦缩放屏幕就会发现图片在重复铺满。然后发现真的太丑了，如果是条纹类的图片，效果应该影响不大。（不推荐）

  2、第二种方法就是在css样式中加

        body{

              background-size:100% 100%;

        }

这样设置图片就不会随屏幕缩放而改变了。（推荐）