背景图片满屏

很多初学网页的同学都会遇到添加背景图片,但是大小不好把控的情况。有两种方法:
1、查看浏览器的像素,调整背景图片的像素一致。这样会在表面上看起来背景图片占满屏,但是一旦缩放屏幕就会发现图片在重复铺满。然后发现真的太丑了,如果是条纹类的图片,效果应该影响不大。(不推荐)



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

        body{
              background-size:100% 100%;
        }

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


猜你喜欢

转载自blog.csdn.net/qq_41261490/article/details/80527279