Image 引导映像被切断

我有一个bootstrap的报头img，当它达到最大尺寸时非常棒，但是当我缩小页面时，整个顶部和底部的25%都被切断了。在页面上的所有内容中，我希望这只是正确缩放。我试过宽度：100%，但不起作用

 padding-top: 10rem;
   padding-bottom: calc(10rem - 56px);
   background-image: url("../img/Am/20180904_094438cropped.jpg");
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;

---

谢谢

您可以尝试将代码放入容器div中。它可能看起来像：

.container {
padding-top: 10 rem;
padding-bottom: calc(10rem - 56px);
background-image: url("../img/AM/20180904_094438cropped.jpg");
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%;
width: 100%;
}

此外，我还为您找到了以下参考资料：

我想这可能会有帮助。您的代码看起来几乎相同，但是宽度100%有点不同！检查一下。

也许这有帮助-也检查一下：。可能

按比例缩小

会有所帮助。