← Комьюнити

Слетает адаптивная верстка, в чем может быть проблема?

Nikolay Roshchin3 ответов
#html#css

При расположении header и блоков страницы под разрешение 1360х768 всё отлично, но когда открываю сайт при разрешении 1920х1080, весь сайт смещен вправо относительно центра. Почему сайт не адаптирует отступы относительно большого экрана? Присутствует метатег"<meta name="viewport" content="width=device-width, initial-scale=1">", а также все отступы сделаны не в пикселях, а в процентах. В чём может быть проблема?

3 ответов

Посмотрите как устроены контейнеры и gridsystem в Bootstrap, я думаю, что это лучший способ понять как лучше адаптировать.

С оригинальной версткой киномонстр такое же поведение? 

student_F3tCJLdd

Не с оригинальной такого поведения нет, я её брал за основу и всё смещается.

Nikolay Roshchin

Я думаю, что вы просто в верстке (не закрытые div) или в css опечатки сделали, поэтому такое поведение сайта. Если оригинал нормальный, можно копировать в него стили из вашей верстки и смотреть каждый раз, не сломалось ли что-то, также с css стилями.

student_F3tCJLdd

Ваш ответ

Войдите, чтобы ответить