话不多说,直接上干货
<!DOCTYPE html>
<html>
<head>
<title>背景适配</title>
</head>
<body style="margin: 0px;overflow: hidden;">
<div style="z-index: -1;width: 100%;height: 100%;"><img src="background.jpg" style="height: 100vh;width: 100%;"></div>
</body>
</html>
显示结果如下(图片被横向拉宽):