html - 背景图像右侧的黑色边框和偏离中心的个人资料图像

Question

前端开发新手。我一直试图通过反复试验来修复这个错误，但无济于事。当我检查我的页面时，一切看起来都很好。当我在我的移动电话上测试我的页面时，我在我的背景图像右侧看到这个黑条，我的个人资料图片变得偏离中心。 “封面图片;”对于“背景大小”是灰色的 -

这是我的 html 代码:

<div class="container-fluid">
<div class="cover-image">
<div class="quote">
"Prepare Today For The Wants of Tomorow." <br>- <span style="font-size:      .65em;">Aesop</span>
 </div>
 </div>
 <div class="container-fluid">
 <div id="about" class="row">
 <div id="profile-pic" class="col-md-5 col-md-push-1 col-xs-8 rounded-img text-center">
 <div id="text-content">Circuit de Catalunya Montmelo<br>Barcelona, Spain</div>
  </div>
  <div id="about-content" class="col-md-7 col-md-push-2 col-xs-12">

我的 CSS 代码:

    .cover-image {
    position: relative;
    z-index: 1;
    background: #D3D3D3 url("../images/surfers.jpeg");
    background-position:center;;
    background-size: cover-image;
    background-repeat: no-repeat;
    width: 105%;
    height: 500px;
    overflow: hidden;
    padding: 0;
    opacity: 0.9;
    }

Answer 1

这里可能有误，但我认为您要查找的属性是“cover”，而不是“cover-image”。