Обложка фонового изображения не работает на маленьких экранах - PullRequest
Новая
       39

Обложка фонового изображения не работает на маленьких экранах

0 голосов
/ 08 ноября 2018

Я хотел бы использовать изображение в качестве фона для моего заголовка. Вот как это выглядит сейчас:

A rectangular photo with a curved bottom edge and a red curved line just below it.

Теперь вот моя мобильная версия: A taller rectangular photo with a straight bottom edge. There is white space between the photo and the curved red line.

Как видите, здесь есть пробел, который мне не нужен. Я пытался использовать vh / vw, устанавливая рост на 100%, но это не работает. 

.home .part1-img-container {
  min-height: 650px;
  background-color: grey;
  background: url(assets/img/brooklyn.jpg) no-repeat center center scroll;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  /*padding-top: 70px;*/
  border-bottom-left-radius: 50% 10%;
  border-bottom-right-radius: 50% 10%;
  margin-bottom: 10px;
  background-position-y: -187px;
}
<div class="part1 col-md-12 col-lg-12 p-0">
  <div class="part1-img-container">

  </div>
</div>
...