Question

我是bootstrap的新手，并在几个浏览器上测试了我的网页。

当我在Chrome上使标签的宽度变小时，无论是从左边还是右边开始，图像的一部分被裁剪并放在图像的另一面。 imgur图片显示了问题。

感谢任何帮助或建议！

This is the issue of bootstrap with chrome

我把我的css代码放在下面：

#header {
    width: 100%;
    min-height: 500px;
    /*height: 50%;*/
    background-image: url("/galleryPhotos/whiteVan2.jpeg");
    margin-top: 0px;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    top: 0px;
    position: relative;
}

Answer 1

尝试将这些添加到您的CSS中，在您的示例中似乎对我有效。

-webkit-background-size: cover; //safari chrome
-moz-background-size: cover; // firefox
-o-background-size: cover; // opera

这是一个小提琴（虽然不同的照片）：https://jsfiddle.net/46zcm0yL/

背景图像在右侧上重复使用Chrome上的引导程序

1 个答案: