Сайт перестал подстраиваться под меньшие разрешения устройствах от 640 до 1200px, почему?

Question

[Дима]

После того как разобрался с мобильной версией (до 640px), перестала корректно отображаться верстка на iPad 2 (1024х768). Раньше браузер ресайзил сайт чтобы он целиком и без горизонтальных скролов отображался на экране. Сейчас же, он увеличивает картинку и появляется длинный горизонтальный скролл. Содержимое обернуто в во враппер, c margin: auto по бокам. У body прописано 100%. Вот сам сайт.

В чем моя ошибка?

Answer 1

[Роман]

Статическая ширина в px

.main-description:after
вот тут из за этого width: 711px; происходит. Переверстай этот момент



потом .content-wrapper ширина в статике 1160px, нужно убрать это значение. Поставь width: 100%;
Скрин

Comments

[Дима]

Спасибо за советы, но вот тут например: baltpogruz.ru сайт уменьшается на iPad хотя у него ширина обертки 1080px. Поэтому дело не в этом.

[Роман]

Дима Волков: Так нужна адаптивность или че

[Дима]

Роман Жариков: Нужно чтобы не было горизонтального скрола на разрешении от 640 до 1200 пикселей. Обычно сайт уменьшается, как на примере который я скинул выше. А здесь он просто обрывается и появляется горизонтальный скролл.

[Роман]

Дима Волков: Ну если чего то изобретаешь такое интересное, то примени вообще к html{overflow-x: hidden;} и не будет тебе скрола

[Роман]

И если не нужна адаптивность именно в этом случае (нужно чтобы уменьшался масштаб типа), то зачем в блоке head инструкция clip2net.com/s/3Ic68Fq

[Дима]

Роман Жариков: а почему интересное? :) Разве это не обычное поведение сайта, у которого не прописаны медиа-запросы под это разрешение?

[Роман]

ivan1kazantsev: вообще я тоже про это подумал

[Роман]

ну вот как я понимаю этот вопрос, если разработчик пишет clip2net.com/s/3Ic68Fq вот это, то он говорит браузеру, мол у меня все адаптивно, мне не нужны чтобы пользователь, когда зайдет на мой сайт вообще пользовался приближением/отдалением (изменением масштаба)

[Дима]

Роман Жариков: Да, без инструкции сайт уменьшается, но все равно отображается некорректно, например, градиент прорисовывается не до конца, хотя на ноутбуке все окей. Ну и отступы исчезли

[Роман]

Дима Волков: Ну это же уже другой вопрос? )

[ivan1kazantsev]

Да это говноадаптивность. У тебя считается боди от размера окна браузера, рисуется градиент на размер окна браузера. А при этом ширина обертки сайта больше окна браузера.

[ivan1kazantsev]

Хотя бы уж давай минимальную ширину 100%, а не просто ширину.

[Дима]

ivan1kazantsev: все верно, спасибо

Answer 2

[Halcod]

У content-wrapper не вижу медиа запроса,ширина фиксированна

Comments

[Дима]

Тут тоже фиксированная, но сайт уменьшается, а не обрезается: baltpogruz.ru