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

Question

maxim @m1rvi

HTML
CSS

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

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

такая

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

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

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, помогла

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

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

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

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

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

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

Войти через центр авторизации

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

PHP

+1 ещё

Средний
Интересует простой скрипт стены комментариев с возможностью добавить фото и мгновенным выводом на страницу?
- 1 подписчик
- 2 часа назад
- 21 просмотр
0

ответов
CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- 10 часов назад
- 34 просмотра
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- 11 часов назад
- 42 просмотра
2

ответа
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- вчера
- 45 просмотров
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- вчера
- 37 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поместить картинку рядом с текстом?
- 1 подписчик
- вчера
- 77 просмотров
2

ответа
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- вчера
- 82 просмотра
3

ответа
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- вчера
- 694 просмотра
2

ответа
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- 23 апр.
- 2289 просмотров
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- 22 апр.
- 61 просмотр
2

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

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

React разработчик

Uptrade

от 150 000 до 200 000 ₽

Создание и публикация короткого (reels) UGC-видео на YouTube-канале

25 апр. 2024, в 01:46

500 руб./за проект

Настроить перехват https-трафика для android-приложения

25 апр. 2024, в 01:02

10000 руб./за проект

Программа (скрипт) для автоматизации торговли Solana

25 апр. 2024, в 00:45

100 руб./в час

Не нужно адаптировать 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. Что делать?

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

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

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