Сетки начальной загрузки не реагируют на мобильные устройства

Question

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

для моих сеток я использую:

<div class='row'>
    <div class='col-md'>content</div>
    <div class='col-md'>content</div>
</div>

Я неправильно использую часть -md.Мне нравится точка, в которой он ломается в браузере, но влияет ли это и на мобильные устройства?

edit: Просто чтобы добавить некоторые особенности моего сайта.

1. Он размещен на Github.т.е.MyName.github.io
2. Проблема возникает только с онлайн-версией, автономные сетки переставляют нормально.
3. Я использую домен для пересылки на мой адрес github, т.е.Myname.com -> myname.github.io

Только это может повлиять на что угодно

Answer 1

Обнаружена проблема.

Я использую переадресацию на свой домен с маскировкой на другой адрес.Это отображает сайт в iframe в исходном доменном домене.

Если я захожу на домен, на который я направляю напрямую, все работает, денди.

Answer 2

Звучит так, как будто вы не вставили тег viewport, поэтому мобильные устройства будут увеличивать размер вашего веб-сайта до размеров экрана.Поместите это в раздел head вашего HTML-кода:

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