Question

所有

我是CSS背景的新手。我想知道是否有任何方法可以调整背景图像的大小，使其始终只用CSS填充视口。

规则是：

无论图像的比例如何，它总是自我缩放以填充视口以确保没有空的空间。

while

我还想知道之间有什么区别：

<html>
<head>
    <title>BLURRING IMG</title>
    <style type="text/css">
        html, body {
            width: 100%;
            height: 100%;
            overflow: hidden;
            padding:0px;
            margin:0px;
        }
        body {
            background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/ferns-unsplash.jpg");
            background-position: fixed;
            background-size: 100%, cover;
        }
    </style>
</head>
<body>
</body>
</html>

和

background-size: auto auto, cover;

由于

Answer 1

background-size: cover和background-position: fixed

动态缩放背景图像

1 个答案: