Размер всего документа HTML на мобильных устройствах уменьшается до половины ширины

Question

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

Некоторая дополнительная информация: я использую symfony, у меня есть это в моем коде:
<meta name="viewport" content="width=device-width, initial-scale=1">

Остальная часть сети в порядке, только страницы в одном мои макеты затронуты, но у меня в основном те же заголовки, что и в других макетах, что означает те же стили и метатеги ...

Answer 1

Итак, я узнал, что это отчасти из-за кнопки «Мне нравится в Facebook», которую я там разместил. Да, почему, это не превышало ни одного из divs. После того как я удалил его, я обнаружил другую проблему. У одного из моих col-xs-12s был URL-адрес, который действует как единый блок, что вынуждает его превышать свой div и создавать пробел на стороне.

В любом случае, я просто решил удалить код от элемента к элементу и в конечном итоге обнаружил проблему, которая имеет значение. Решается удалением кнопки «Мне нравится» в Facebook, которая больше не нужна, и сокращением URL-адреса с помощью функции усечения ветки.

Спасибо всем, кто пытался помочь. Я действительно ценю это!