自适应全背景图片布局

原文在这里

实例

1
2
3
4
5
6
7
8
9
10
11
html { 
  height: auto;
  min-height: 100%;
  margin: 0;
  padding: 0;
  background: url(http://desk.fd.zol-img.com.cn/t_s1366x768c5/g5/M00/01/03/ChMkJ1or0MGIGULYABCo5rcHl4AAAi_rgHdSLYAEKj-970.jpg?downfile=1532612079420.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
}
123
123