body背景图适应浏览器窗口大小

今天被背景图问题弄的头大，浏览器窗口大小改变，背景图就重复，或者是浏览器有滚动条，或者加上no-repeat之后，重复的部分就变成空白、

不仅不重复，还没有滚动条，简直整个人都解放了，哈哈哈！下面附上代码，其实是特别简单的问题，但某些时候，我们就是会被一些很小的问题困扰很久

html{height: 100%;}
body{padding: 0;margin: 0;background: url(../img/bg.jpg) no-repeat;background-size: 100% 100%;}

这样浏览器窗口大小改变时，背景图的大小课可以随着浏览器窗口改变啦！?