Я столкнулся с небольшой проблемой, по какой-то причине я вижу огромный белый пробел слева от тега <html>
Я пытался добавить тег HTML и body по следующим правилам:
overflow-x: hidden;
max-width: 100vw;
Он работает в режиме рабочего стола (даже если я изменяю размер окна браузера), но не помог в мобильных устройствах (не помог в мобильном представлении в инструментах Chrome Dev).
В чем может быть проблема?Я думаю, что это как-то связано с тем, что сайт css в основном использует flexbox.
, а также я подозреваю, что это как-то связано с div, отмеченным на рисунке красным цветом (который фиксирован, но для некоторыхпричина появляется после прокрутки вниз).
Это правило div css
.contact-mobile{
position: fixed !important;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
padding: 15px;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
max-width: 100vw;
background-color: $black;
opacity: 0.9;
a{
min-width: 25%;
text-align: center;
padding: 5px;
i{
color: #fff;
}
&:hover{
opacity: 1;
i{
color: $black;
}
background-color: $green;
}
}
}
это сайт разработчика http://davdev.co.il/broker это уменьшение масштаба того, что я вижу https://www.screencast.com/t/P7zQwdWySBv
