背景图像 - 移动视图completedly显示相同宽屏幕

Question

这是我当前的背景在宽屏幕：

这里是手机屏幕我一样的当前背景：

我的问题是，是否有可能在移动视图中查看宽屏背景下的完整背景？

我使用的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

background-size: contain;

该关键字指定背景图像应在确保其尺寸小于或等于背景定位区域的相应尺寸的同时，缩放为尽可能大。

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