Не правильно адаптатируется body, html. Что делать?

Question

maxim @m1rvi

HTML
CSS

Не правильно адаптатируется body, html. Что делать?

мне нужно сделать адаптацию на сайте, но возникла

такая

проблема (
Не знаю как что сделать и что вообще гуглить : /
помогите пж

Вопрос задан более трёх лет назад
90 просмотров

13 комментариев

Подписаться 1 Простой 13 комментариев

Ankhena @Ankhena Куратор тега CSS
Не нужно адаптировать body и html, пусть живут себе спокойно.

Не знаю как что сделать и что вообще гуглить

1. Проверить наличие
<meta name="viewport" content="width=device-width, initial-scale=1">

2. Удалять по очереди крупные блоки, пока не станет понятно кто виноват.
Потом мелкие в нем.
Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Ankhena, 1. есть, 2. ок ща

Написано более трёх лет назад
Ankhena @Ankhena Куратор тега CSS

m1rvi, можно обвести outline'ом все элементы и их псевдо, тоже будет видно, кто выпирает.

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Ankhena, щас все попробую)

Написано более трёх лет назад
fallus @fallus
Оберните всё что внутри <body> в <div class="wrapper">.
И задайте ему эти стили:

.wrapper{ min-width: 320px; overflow: hidden; margin: 0 auto; }

*если конечно на вашей странице не используются элементы, у которых position: sticky;
Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Ankhena, спасибо)) Напиши твое решение в ответы

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

fallus, спасибо, уже помогли

Написано более трёх лет назад
Ankhena @Ankhena Куратор тега CSS

m1rvi, можно просто удалить вопрос)))
Это стандартное решение как искать баги в верстке, а не почему что-то не адаптируется.

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Ankhena, да нет, просто чтобы у тебя рейтинг++

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Ankhena, ты же мне помог )

Написано более трёх лет назад
Ankhena @Ankhena Куратор тега CSS

m1rvi, спасибо, мне приятна забота.
Но в данном случае ++ не целесообразно.

Написано более трёх лет назад
maxim @m1rvi Автор вопроса

Ankhena, ну ок

Написано более трёх лет назад
Кирилл Никитин @Kiriniy

ты же мне помог )

m1rvi, помогла

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Яндекс Практикум

Профессиональная вёрстка на HTML и CSS

3 месяца

Далее
Stepik

Основы HTML и CSS

2 недели

Далее
OTUS

HTML/CSS

3 месяца

Далее

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

CSS

Простой
Как сверстать кастомную пунктирную обводку у блока?
- 1 подписчик
- вчера
- 121 просмотр
2

ответа
CSS

Простой
Можно ли использовать функцию calc() в медиазапросах?
- 1 подписчик
- 13 нояб.
- 176 просмотров
1

ответ
HTML

+1 ещё

Простой
Как реализовать форму ввода как в веб-версии chatGPT?
- 1 подписчик
- 13 нояб.
- 148 просмотров
0

ответов
CSS

+1 ещё

Простой
Как оптимизировать svg картинку?
- 1 подписчик
- 11 нояб.
- 142 просмотра
1

ответ
CSS

Средний
Как найти стили в шаблоне Битрикс?
- 1 подписчик
- 06 нояб.
- 164 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- 05 нояб.
- 227 просмотров
1

ответ
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 183 просмотра
0

ответов
CSS

Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
- 1 подписчик
- 31 окт.
- 143 просмотра
2

ответа
CSS

Простой
Как правильно задать размеры блоков?
- 1 подписчик
- 31 окт.
- 106 просмотров
1

ответ
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 185 просмотров
0

ответов
Показать ещё Загружается…

PHP-разработчик

FoodSoul • Калининград

от 180 000 до 250 000 ₽

Специалист технической поддержки (чат)

WebSoft

от 50 000 до 70 000 ₽

Frontend Developer (React + Node.js)

Alfabet Service

от 1 000 до 2 000 $

Не нужно адаптировать body и html, пусть живут себе спокойно.

Не знаю как что сделать и что вообще гуглить

1. Проверить наличие
<meta name="viewport" content="width=device-width, initial-scale=1">

2. Удалять по очереди крупные блоки, пока не станет понятно кто виноват.
Потом мелкие в нем.
m1rvi, можно обвести outline'ом все элементы и их псевдо, тоже будет видно, кто выпирает.
Оберните всё что внутри <body> в <div class="wrapper">.
И задайте ему эти стили:

.wrapper{ min-width: 320px; overflow: hidden; margin: 0 auto; }

*если конечно на вашей странице не используются элементы, у которых position: sticky;
Ankhena, спасибо)) Напиши твое решение в ответы
m1rvi, можно просто удалить вопрос)))
Это стандартное решение как искать баги в верстке, а не почему что-то не адаптируется.
Ankhena, да нет, просто чтобы у тебя рейтинг++
m1rvi, спасибо, мне приятна забота.
Но в данном случае ++ не целесообразно.

Answer 1 · 2020-09-26 03:13:15

Сергей Зенькович @JamesHatfield

Front-end developer

Без кода сложно определить

Ответ написан более трёх лет назад

1 комментарий

Не правильно адаптатируется body, html. Что делать?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт