请教前辈们，怎么让一张图片自适应屏幕宽高？永远填充满屏幕？

Question

有点像是背景图 上面有一些文字

Answer 1

一般来讲会使用一张分辨率比较大的图（1920*1080）作为背景图，然后再背景图设置background-size:cover;background-postion: center;如果浏览器支持css3,那么图片小一点也无所谓，background-size设置成cover的话，会让图片自动铺满整个容器，就算不支持css3，只要图片够大，就不会出现有留白的现象。background-postion设置为center，这样会在一些屏幕比图片小的设备上，让背景图片居中，即使在移动设备上也不会让图片的宽高比变得很奇怪。（如果你的容器宽高比是不变的话，那也可以不加这个属性。）