Горизонтальная прокрутка

Новая версия - новые вопросы.
Попробуем разобраться со всеми возникшими вопросами вместе.
Аватара пользователя
Рок

Горизонтальная прокрутка

Рок 04 июн 2017, 23:08 Сообщение

Есть код в хедере и он дает горизонтальную прокрутку на мобильных.

Пробую обернуть его в дивы такого вида:

Код: Выделить всё

<div class="nomini">САМ КОД</div>


И прописываю в common.css

Код: Выделить всё

@media (mах-width: 320px){.nomini{display: none}}


По идее должен избавиться от горизонтальной прокрутки, но не получается.
Что я делаю не так?

Аватара пользователя
CabinetAdmin

Горизонтальная прокрутка

CabinetAdmin 05 июн 2017, 17:02 Сообщение

Рок писал(а):Источник цитаты Что я делаю не так?

То, что этот код не избавляет от прокрутки, он скрывает блок при разрешении экрана менее 320px. С учётом характеристик современных телефонов - не скрывает нигде.
Вот так убирается горизонтальная прокрутка:

Код: Выделить всё

.block_class { overflow-x: hidden; }


Но в первую очередь надо пробовать устранить возникновение этой прокрутки, не обязательно сразу скрывать.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

Горизонтальная прокрутка

Рок 05 июн 2017, 19:31 Сообщение

CabinetAdmin писал(а):Источник цитаты
Рок писал(а):Источник цитаты Что я делаю не так?

То, что этот код не избавляет от прокрутки, он скрывает блок при разрешении экрана менее 320px. С учётом характеристик современных телефонов - не скрывает нигде.
Вот так убирается горизонтальная прокрутка:

Код: Выделить всё

.block_class { overflow-x: hidden; }



Этот код в common.css в самый низ ставлю?
У меня в хедере рся стоит на 4 блока, вот она и даёт горизонтальную прокрутку.

Аватара пользователя
CabinetAdmin

Горизонтальная прокрутка

CabinetAdmin 05 июн 2017, 20:59 Сообщение

В рекламах бывает настройка для адаптивной вёртки, на счёт рся конечно не скажу....
Рок писал(а):Источник цитаты в common.css

Да, можно в него.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

Горизонтальная прокрутка

Рок 05 июн 2017, 22:03 Сообщение

Ставлю

Код: Выделить всё

.block_class { overflow-x: hidden; }

И при первой проверке в вебмастере яндекса: горизонтальной прокрутки нет, т.е. все ок.
При последующих: опять появляется гор.прокрутка.

P.S. В рся нет адаптивной верстки.

Аватара пользователя
CabinetAdmin

Горизонтальная прокрутка

CabinetAdmin 06 июн 2017, 17:09 Сообщение

Как так?
Можно вообще для мобильного запретить прокрутку, это надо в responsive.css к

Код: Выделить всё

body { padding: 0; }

добавить тот же overflow-x: hidden;.

А так вообще интересно выходит, яндекс даёт не адаптивную рекламу и сам потом ругается на прокрутку из-за неё... :crazy:
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
Рок

Горизонтальная прокрутка

Рок 07 июн 2017, 09:59 Сообщение

Да, яндексоиды те еще...

Спасибо Василий.



Похожие темы

Вернуться в «Поддержка phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 5 гостей