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

<!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>

版权声明:本文为ZLK1142原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/ZLK1142/article/details/90489117