Проблема с android просмотром веб-сайта: наличие панели, которая не отображается в классическом настольном браузере

Question

У меня проблема с просмотром телефона веб-сайта, который я создал. В классических настольных браузерах (протестировано с Chrome, Firefox) я добавил для получения адаптивного поведения:

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

К сожалению, в отличие от классического представления, представление в браузерах android (протестировано также с Chrome и Firefox android), у меня есть дополнительная горизонтальная серая полоса, которая появляется в правом верхнем углу страницы (над главным меню "Sciences-Coding", и я не знаю, откуда эта полоса?

Здесь [ссылка] [2], где вы можете лучше увидеть проблему на вашем android и сравнить ее с настольным браузером: возможно, кто-то найдет источник этой строки на Android (я не знать, если это также относится к Iphone).

Любая помощь приветствуется

Answer 1

Эта проблема не связана с Android или iOS. Это происходит на всех устройствах, поскольку это проблема layout . Я вижу эту панель на моем MacBook Pro, используя Firefox, например:

Однако, это кажется полосой прокрутки, но это не так. Он генерируется этим HTML элементом:

<div class="horizontal_column">

, к которому применяются эти CSS правила:

border-color: #000000;
border-style: solid;
border-width: 15px 0 0 0;

Как вы можете видеть, изменив эти правила, «поддельная полоса прокрутки» ”Изменить.