расположение не меняется на экране мобильного телефона

Question

Здесь у меня есть макет начальной загрузки 3 и, как вы можете видеть, когда я изменить размер браузера он хорошо работает:

, но когда я пытаюсь это на мобильном телефоне я не получить версию с .xs clasess Я получаю версию с полным экраном, как на обычном экране браузера браузера.

В чем может быть проблема? Bootstrap 3 или мои браузеры для мобильных телефонов?

Answer 1

Скорее всего, вам нужно добавить это в свою голову.

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

Чтобы быть совместимым с «старыми» нонреспондер сайтами, большинство мобильных браузеров автоматически подделка их на экран, чтобы быть больше, чтобы они могли правильно отобразить эти сайты. Этот метатег мешает им это делать.