css如何让一张图平铺width 100%;并且高度等于整个手机屏幕的50%？

Question

如题：css如何让一张图平铺width 100%;并且高度等于整个手机屏幕的50%？

Answer 1

最简单的办法：height: 50vh; width: 100%

Answer 2

image{
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
}

Answer 3

width通过css应该就可以，height的话可以通过jquery来实现，大概意思如下，`window.onload=function(){
$('#img').css('height',$(documet).height()/2);
}`

Answer 4

.test{
    width:100%;
    height:0;
    padding-bottom:50%;
    backgroud:url(xx) repeat;
}
-----------------------

不对。。看错了，是手机屏幕的50%啊。那无视我这条。_(:з」∠)_

Answer 5

+1 @tanbowensg

Answer 6

宽度当然是100%了，高度的话，如果你熟练用jQuery，就用jQuery获取页面的高度/2不就是一半了么。

$(document).height()/2