ползунок тянет влево при уменьшении размера окна до 500 пикселей - PullRequest
Новая
       42

ползунок тянет влево при уменьшении размера окна до 500 пикселей

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

Попытка создать WordPress сайт для нашего города.Возникли проблемы с адаптивным дизайном.Страница работает хорошо, пока мы не увеличим размер окна до 596 пикселей по ширине.В этот момент текст справа начинает занимать больше вертикального пространства, а ползунок начинает занимать меньше горизонтального пространства.

Невозможно создать рабочий фрагмент, так как он использует плагины WordPress, но вот ссылка на страницув вопросе:

https://www.sustainablewestonma.org/our-story-2/

любая помощь или предложения о том, как исправить это, очень ценится.

1 Ответ

2 голосов
/ 21 сентября 2019

Если я вас правильно понял.Измените значение vw на %, а затем настройте его в соответствии с вашими потребностями.Кажется, это решает проблему. 

.os-left {
    margin-top: 1.5%;
    width: 45%;
    margin-right: 1%;
    margin-left: 1.5%;
    margin-bottom: 2.5%;
}
.os-right {
    width: 45%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

И вы также, вероятно, не хотите, чтобы ваш body также сдвигался, поэтому для его исправления используйте min-width: 95% вместо min-width: 500px; 

html, body {
    min-width: 95%;
}
...