定义背景图像的最小宽度

Question

我试图在我的网页上制作背景图片，将尺寸定义为80％。这样可行。我想制作我的背景图像＆＃34;响应＆＃34;，所以我希望它在使用较小的窗口时调整大小。它确实调整了大小，但从小到完全看它。有没有办法为图像定义最小宽度？ 谢谢！

这是我的CSS：

.pageBio{height: 700px; background-image: url(https://****.png); background-repeat: no-repeat; background-position: center; background-color: #2a67b2; background-size:80%; text-align: center; font-size: 24px; line-height: 30px; color: black;

}

谢谢！

Answer 1

正如您已经说过的那样，您正在使图像响应。因此，您可以使用下面提到的媒体查询来定义图像大小。

@media only screen and (max-width: 640px){.pageBio{background-size:cover;}}

或

    @media only screen and (max-width: 640px){.pageBio{background-size:auto 100%; }} 

Answer 2

朋友试试这段代码： 背景尺寸：80％;替换下面的代码并检查它

background-size:150px 150px;