html - div 中的背景图像 - 在移动 View 中完全显示，与宽屏相同

Question

这是我当前的宽屏背景:

这是我当前在手机屏幕上的相同背景:

我的问题是，是否可以在移动设备 View 中像宽屏一样查看完整背景？

我使用 css 代码来制作背景图片，如下所示:

background-image: url(/assets/img/bg_advantages.jpg);
background-size: cover;

我正在做的一些引用:

.bg-advantages {
  background-image: linear-gradient(
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ), url(/assets/img/bg_advantages.jpg);
  background-size: cover;
}

Answer 1

背景大小:包含；

该关键字指定背景图片在保证其两个尺寸小于或等于背景定位区域对应尺寸的情况下，尽可能放大。

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size