Ширина каждого элемента не будет 100% в мобильном представлении

Question

Я создаю свой сайт, используя HTML5 PHP и начальную загрузку.Я не установил max-width или что-то еще в моем CSS, поэтому он должен быть установлен по умолчанию.Тем не менее, вот как это выглядит, когда я пытаюсь просмотреть его на мобильном телефоне

Это не было полностью верно?Это из-за моей таблицы на изображении 2?Я пытался исправить это с помощью @media, но я все еще не могу найти решение.Пожалуйста, помогите мне: (

Answer 1

ребята спасибо за отзыв!Однако я решил это.решение состоит в том, чтобы обернуть таблицу <</p>

div = "отзывчивым на таблицу">

, и это работает !!спасибо парень

Answer 2

Обычно это происходит со мной в следующих двух сценариях.

Проверьте, не пропустили ли вы закрывающий тег div.

Или, если вы используете загрузчик, используйте текст в свернутом виде white-space: nowrap; для текста.

Надеюсь, что ваш случай один из вышеперечисленных!

Answer 3

Вы можете попробовать:но я не уверен, поможет ли это.

Вы также можете попробовать изменить 'width' на 'max-width' в ваших стилях, так как фиксированная ширина не отвечает.

Answer 4

Попробуйте использовать область просмотра в теге head.

<meta name="viewport" content="width=device-width, initial-scale=1.0">