html,body{
	width: 100%;
	height: 100%;
}
body{
	/*background-repeat: no-repeat;*/
	background-size: 100% 100%;
}

　　这个非常关键，不知道网上为什么完全搜不到，就好像没有这个知识点，搜到的都是些瞎扯淡的东西。

我一开始不知道很烦恼，原来要设置html和body的宽高都为100%，dom元素们才有一个基准，要不然怎么设置background-size都是白瞎，是否repeat根据自己需要，如果你的背景图片足够大，这世界上再没有一台显示器能大过你这图片的尺寸了，你就可以不用加上。否则客户显示器可能大过你的背景图片的话可以加上

背景图片全屏自适应关键css代码