Проблемы с переполнением на мобильном устройстве

Question

Существует проблема, которая сводит меня с ума. Я изменяю веб-сайт, где все, кажется, являются широкими 100% страницы в худшем случае. Изменение размера окна браузера одинаков. Только на мобильных устройствах страница шире экрана некоторых пикселей. Я могу коснуться и переместить страницу. Я уже пробовал все предложения, найденные здесь, в Stack Overflow: Я не нахожу переполненных div, мой html имеет ширину 100%, в устройствах нет div min-width. Мой сайт test.fypper.com В чем может быть проблема?

Answer 1

Я попытался добавить класс .container в div id #home, но он ведет себя очень странно. Я не уверен, что вы правильно следуете инструкциям по начальной загрузке, поэтому вам следует, вероятно, изучить это.

Во всяком случае, если вы хотите быстро исправить, добавить .container-fluid в Див #home и, возможно, удалить padding: 10px; из DIV #content.

Я не смотрел другие страницы, у вас могут быть такие как #another-page и #even-another-page вместо #home. Вы можете добавить container-fluid к каждому из них один за другим, но чтобы сэкономить ваше время при наборе текста, используйте более общий обертку в своем шаблоне. Например, main тег с классом .container-fluid.

Answer 2

Проблемы нет, если я заменить «обивка: 20px 0» с отступом-топом: 20px; обивка дно:.. 20px;» Теперь обивка левый и правый в 15px Контейнер 100% шириной Моя проблема решена, но я не понимаю, почему для некоторых мобильных браузеров требуется 15px отступов слева и справа.