Проблема с отображением сайта на мобильном устройстве, несмотря на то, что свойства столбцов правильно масштабируются при различных разрешениях и размерах рабочего стола.

Question

Во-первых, вот ссылка на страницу: https://daniel -scott.herokuapp.com / index

Так что, в принципе, если он работает на рабочем столе в режиме «телефон»(только узкое окно браузера с одной стороны), все работает отлично, и макет такой, каким он должен быть на мобильном телефоне.

ОДНАКО,

Когда я действительно открываю страницу в мобильном Chrome,У меня нет такого мобильного сайта.Я буквально просто сильно уменьшил размер рабочего стола.

Я пропустил какой-то флаг?Я довольно новичок в этом.

Все изложено выше.Кроме того, я попытался повторно нажать.

Answer 1

Добавьте это к вашему head:

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

Вы можете найти больше информации о , что этот тег делает на MDN .