手机背景图不一样

Question

这就是background image looks like on the laptop

这是背景图片在手机上的样子enter image description here

如您所见，背景未正确对齐，我希望两者的背景完全相同。

以下是我使用的 cs 代码，它对调整图像大小没有帮助，以便我看到相同的背景图像：

身体{ 背景图片：url('https://www.hdwallpapersbook.com/wp-content/uploads/2017/05/Justice-League-Batman-Wonder-Woman-Aquaman.jpg');

background-attachment: fixed;
background-repeat: no-repeat;

背景位置：中心中心； 背景尺寸：封面；

}

Answer 1

你可以试试这样的：

强制图像将自身包含在容器中（这很可能看起来有点奇怪）

• 背景尺寸：包含；

或弄乱背景位置属性 - 所以你看到的图像部分在容器中移动

• 背景位置-x：右；
• 背景位置：中心

或查看对象匹配 css 属性：

• 对象拟合：按比例缩小
• 对象拟合：填充

或裁剪原始图像并创建新图像以供移动设备查看。