html {
width: 100%;
height: 100%;
background: url(bg.jpg) no-repeat center center fixed;
background-size: cover;
}

参考资料： http://css-tricks.com/perfect-full-page-background-image/

background-size: cover;

CSS实现响应式全屏背景图

直接用 width: 100% 不行嗎？

 max-width: 100%;
min-width: 100%;

等於 width: 100%

可以作为其他元素的背景，然后设置background-size

1.图片方式

 img{
    width: 100%;
    height: auto;
}

2.背景图+background-size
此处利用padding-top的百分比特性

 .img{
    padding-top: 图片高度/图片宽度 * 100%;
    background-size: 100% 100%;
}