Удаление лишних горизонтальных пробелов на мобильных устройствах (css)

#html #css

#HTML #css

Вопрос:

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

Кажется, я не могу точно определить, где в моем коде эта ширина превышает 100%. У меня есть мой мобильный <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> правильный и в моем head теге.

Вот веб-сайт, о котором идет речь: wpdev.mosaic.buzz/wordpress12.

Используйте инструменты разработчика и имитируйте мобильный браузер и перейдите ниже 1000 пикселей.

Спасибо за помощь.

Ответ №1:

Некоторые из ваших полей ввода в форме внизу страницы имеют атрибут size="100%" — если вы удалите этот атрибут и вместо него установите атрибут стиля (например <input type="text" style="width:100%"> , вы должны вернуться к работе.

size Атрибут должен содержать ширину (в символах) ввода. Таким size="50" образом, ширина будет 50 символов. Но size="100%" это даст вам … странность.

Комментарии:

1. Спасибо за помощь. Это уменьшило его примерно до 600 пикселей. Я даже полностью удалил встроенный стиль «размер», и он по-прежнему дает мне много дополнительного пробела. Странно. Я удалил всю саму форму, а пустое пространство осталось.