在背景图像右侧的黑色边框和中心的配置文件图像

Question

前端开发新手。我一直试图通过反复试验来解决这个问题无济于事。当我检查我的页面时，一切都很好。当我在我的Mobil手机上测试我的页面时，我看到我的背景图像右侧的黑色条形图，我的个人资料照片偏离中心。 ＆＃34;盖图像;＆＃34;灰色背景为＆＃34;背景大小＆＃34; -

这是我的HTML代码：

npm install . --npmrc=~/.npmrc

我的CSS代码：

<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">

Answer 1

这里可能错了，但我认为你所寻找的属性是“封面”，而不是“封面图片”。

Answer 2

以上是background-size: cover;

的语法错误

它似乎有一个额外的分号，可能会给它带来灰色效果。删除它然后只是执行上面的行而不是background-size: cover-image;因为它根本无效。

您也可以尝试：

background-image: contain;