Html 当屏幕分辨率减小时，背景中的图像会被裁剪掉

.banner-1{
背景：#f0；
}
P.容器{
背景：url(https://i.imgur.com/R1tpEs7.png);
背景重复：无重复；
背景尺寸：封面；
右边距：32px；
边缘顶部：122px；
填充顶部：61px；
填充底部：56px；
左侧填充：44px；
}

为什么要迁移到WebSphereCommerceV9
让客户能够无缝地在渠道之间移动，以便在何时、何地以及以何种方式浏览和购买最适合他们的产品
IBM Watson Commerce的创新生态系统提供了完整而深入的
功能，因此您可以从每一次客户互动和交易中获得最大的影响
了解更多

您可以应用

背景位置：右上角然后它将从右上角修复图像


.banner-1{
背景：#f0；
}
P.容器{
背景：url(https://i.imgur.com/R1tpEs7.png);
背景重复：无重复；
背景尺寸：封面；
右边距：32px；
边缘顶部：122px；
填充顶部：61px；
填充底部：56px；
左侧填充：44px；
背景位置：右上角；
}

为什么要迁移到WebSphereCommerceV9
让客户能够无缝地在渠道之间移动，以便在何时、何地以及以何种方式浏览和购买最适合他们的产品
IBM Watson Commerce的创新生态系统提供了完整而深入的

使您从每一次客户互动和交易中获得最大的影响
了解更多
尝试删除
pcontainer的边距
：


.banner-1{
背景：#f0；
}
P.容器{
背景：url(https://i.imgur.com/R1tpEs7.png);
背景重复：无重复；
背景尺寸：封面；
右边距：0；
边际上限：0；
填充顶部：61px；
填充底部：56px；
左侧填充：44px；
}

为什么要迁移到WebSphereCommerceV9
让客户能够无缝地在渠道之间移动，以便在何时、何地以及以何种方式浏览和购买最适合他们的产品
IBM Watson Commerce的创新生态系统提供了完整而深入的

使您从每一次客户互动和交易中获得最大的影响
了解更多
您可以应用背景位置：右上角；然后，它将修复右上角的图像，尝试以百分比表示图像的大小