Question

如果标题难以理解，请道歉。

基本上我希望背景图像相对于屏幕尺寸进行缩放，但只是在某个点之上，所以如果你将屏幕缩小得足够小，图像就不会随之缩小。

我已经用我的div做了这件事：

.row{
    width: 100%;
    min-height: 70px;
    min-width: 1000px;
}

我可以用背景做些类似的东西吗？

这就是我现在所拥有的。

.body{
    background-image: url('../static/banner.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

Answer 1

媒体查询可以为您完成此操作，只需使用背景停止缩放的断点。

例如，此CSS仅在您的浏览器中应用样式视口宽度等于或小于12450px：
@media (max-width: 12450px) { ... }