手机背景图不一样
Background image not same on mobile
这就是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;
background-position: center center;
背景大小:封面;
}
您可以尝试类似的方法:
强制图像将自身包含在容器中(这很可能看起来有点奇怪)
- 背景大小:包含;
或弄乱背景位置属性 - 因此您看到的图像部分在容器中发生变化
- 背景位置-x:右;
- 背景位置:中心
或查看对象适合 css 属性:
- 对象适合:缩小
- 对象适合:填充
或裁剪原始图像并创建新图像以仅供移动设备查看。
这就是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;
background-position: center center; 背景大小:封面;
}
您可以尝试类似的方法:
强制图像将自身包含在容器中(这很可能看起来有点奇怪)
- 背景大小:包含;
或弄乱背景位置属性 - 因此您看到的图像部分在容器中发生变化
- 背景位置-x:右;
- 背景位置:中心
或查看对象适合 css 属性:
- 对象适合:缩小
- 对象适合:填充
或裁剪原始图像并创建新图像以仅供移动设备查看。