如何给body设置的背景图让他占满一屏，而不是整张网页？

Question

想给一个移动端的网页添加一个背景，怎样让他占满一屏，而不是整张网页？

Answer 1

多写几个div 每个大小通过js设置，高度等于窗口高度，在设置div的背景，background—size：cover

Answer 2

我考虑有两种方法：

1. 用js算屏幕大小，然后设置background-size；

2. 修改当前页面结构，让body显示就是一屏幕（移动端推荐）；
   附上方法2实现链接：
   http://mp.weixin.qq.com/s?__biz=MjM5NjA3ODI3Ng==&mid=206479284&idx=2&sn=b1f43f147853ebfe621929f64f568fcb&scene=1&srcid=0914q2ZkQjqortmszDh4ZO1k&key=dffc561732c2265153abe7529abb7c69b3c8ee84479d1c851b3263fff23bf9098a08cdcad3d378755aec4b702d27a85e&ascene=1&uin=MzEyNDk0Mjc1&devicetype=Windows+7&version=6102002a&pass_ticket=RLKRL57jQqYuFqasXRnC2segLF47qU98O7Mxh0rNVed5l7R%2Bf0Mut3%2F7mVudlHnN

Answer 3

body>.bg{
position:fixed
display:block
z-index:0
top:0
left:0
width:100%
height:100vh
background-size:cover
background-position:center
background-img:url(your image)
}

Answer 4

http://output.jsbin.com/josipi