CSS设置背景图片满屏

折腾了很久，图片长一点或者宽一点，怎么设置宽和高都有问题，设置背景图片满屏，网上也搜了很多，都没有好的解决方案。
最后抠了某个网站的源码，找到了目前的一个解决方案

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        body {
		    width: 100%;
		    height: 100vh;	/* 重点一 */
		    margin: 0 auto;
		    background-image: url(../img/1.jpg);
		    background-repeat: no-repeat;
		    background-size: cover; /* 重点二 */
		    overflow: auto;
		}
    </style>
</head>

<body>

</body>
</html>

CSS设置背景图片满屏

悦读