Как избежать пробелов + дизайн прыжков в альбомной ориентации - PullRequest
Новая
       42

Как избежать пробелов + дизайн прыжков в альбомной ориентации

0 голосов
/ 26 сентября 2019

У меня возникают проблемы с добавлением пробелов при просмотре сайта, который я создаю в альбомной ориентации.Добавленные пробелы заставляют дизайн прыгать вверх и вниз при нажатии на элементы на сайте.

Например, при нажатии на карусель изображений сайт перепрыгивает вниз.

На портретном изображении все выглядит отлично, так что я делаю не так в альбомной ориентации?

У меня естьпробовал:

1.Добавление overflow-y: hidden к большинству элементов

2.Снимите divs, чтобы попытаться выяснить, какой из них вызывает проблемы

3. Различные комбинации height в теле, wrapper и content tags.

вот ссылка на сайт http://cl -ark.se / 

#wrapper {
    overflow-y: hidden;
    max-height: 60%}

body {
    overflow-y: hidden;
    height: 
}


#text {
    width: 100px;
    overflow-y: hidden;
}

#menu {
    margin-top: 2%;
    grid-template-columns: 11% 63%;
}

.carousel-wrapper {
    -webkit-tap-highlight-color: transparent; 
    width: 270px;
    margin-left: 29%;
    height: 152px;
    margin-top: 1%;
    overflow-y: hidden;
}

.project_txt {
width: 270px;
margin-top: 76%;
margin-left: -30%;
overflow-y: hidden;
}


#logo {
    margin-top: 2%;
    overflow-y: hidden;
}
...