Мой мобильный сайт получает горизонтальный прокрутки

Question

Im makin 'мобильный сайт для друга - и им, используя медиа-запросы, настраивать свой сайт для более мобильного ощущения при просмотре его на любом смартфоне.

Чувства, как im, сделанные с помощью веб-страницы, - но когда я просматриваю его на своих телефонах iphone 3gs и htc невероятно S, это похоже на то, что вы можете прокручивать 2-3 пикселя по горизонтали. Некоторые элементы возились с этим и им растут седые волосы, так как я не могу понять, что это такое.

как я могу это решить?

веб-страницы ссылка

http://www.linaahlen.se/

Answer 1

Если бы беглый взгляд с инспектором в Chrome и, похоже, именно это свойство:

div.entry { 
    padding: 0em 1em; 
} 

линия 106 стиль-responsive.css - это толкая содержание всего несколько пикселей в ширину, меняя его на padding: 0 0.8em;, работал для меня.

О, и только для записи, он прокручивается горизонтально, а не вертикально!

Answer 2

Поздний, но для будущего использования. Я хотел бы указать, как искать причину проблемы. Открыть сайт, используя Google Chrome Device Mode. Затем проверьте, существует ли проблема (это решение зависит от проблемы, которая появляется в режиме устройства). Затем начинайте настройку «display: none» на элементы один за другим, начиная с более крупных элементов, таких как заголовок, контейнер содержимого и проверки после скрытия каждого элемента, если нежелательная прокрутка исчезла. Таким образом, вы можете найти причину проблемы.

У меня была такая же проблема, и я попытался сначала определить причину, посмотрев код CSS каждого элемента, потратил много времени и не нашел причину. Вероятно, браузер может сделать страницу лучше, чем чтение человеком CSS ...