Блог

WordPress обновил этот сайт, и домашняя страница теперь не реагирует. Изображение героя не заполняет весь экран. Еще одна странность заключается в том, что если вы увеличиваете и уменьшаете (растягиваете) окно браузера, то домашняя страница автоматически постоянно увеличивается до бесконечности. Есть идеи о том, что происходит и как это исправить? Ценю любой вклад. Я всего лишь начинающий программист,

 .banner .item {  
    background-size: cover;  
    background-position: 50%;  
    position: relative;  
    overflow: hidden;  
}
 

Я пытался

 .banner .item {
   width: 100%;
   height: auto;
}
 

безуспешно.

Жесткая настройка на конкретные пиксельные значения работает нормально, но это не то, что мне нужно. Мне нужно, чтобы она реагировала на размер браузера. Чего мне не хватает?

 .banner .item {
   height: 700px;
}
 

URL: https://michaelhewat.com /

Неверно:

Правильно:

Вместо

 .banner .item {
  height: 700px;
}
 

Вы можете использовать полный видовой экран (vh) — заголовок (px)

 .banner .item {
  height: calc(100vh - 126px);
}
 

Он будет делать то, что вы ищете 😉