"едет" экран мобильной версии после горизонтального просмотра в вертикальный

108

yuraabr

10 ноября 2018, 12:33

1393

Народ, выручите, не могу решить проблему. Как то связано с adsense и его баннерами. Стоят автоматические объявления, до этого стояли обычные - было тоже самое.

Мобильная версия сайта. Смотрю вертикально, все ок.

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

Возвращаю обратно в вертикальное положение, а баннер как был длинный так и остается, из-за этого ломается верстка.

Что за ерунда? в поисковиках не нашел решения...

для тестов https://www.hibiny.com/news/archive/179385/

---------- Добавлено 10.11.2018 в 16:43 ----------

а, да , стоит

225

D.iK.iJ

10 ноября 2018, 13:04

#1

1) Сделать <!DOCTYPE HTML> - будет меньше глюков.

2) Добавить рекламным блокам скрытие контента, если не влазит:

.google-auto-placed {overflow: hidden; max-width: 100%; box-sizing: border-box;}

3) Так как во вложенных таблицах оно обычно не работает, применяем фикс.

Таблице / таблицам присваиваем table-layout: fixed;

---------- Добавлено 10.11.2018 в 18:07 ----------

А, да. А ответ очень прост. Баннеры просто "распирают" верстку. Для стандартных решение будет 1 в 1, только класс (во 2 пункте) другой.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

AS

68

AERS

10 ноября 2018, 13:26

#2

Вы в вертикальное положение возвращаетесь с обновлением страницы? Блоки Adsense будут меняться только после обновления страницы

323

1_st

10 ноября 2018, 13:34

#3

AERS:
Блоки Adsense будут меняться только после обновления страницы

Так, пользователю ведь это не объяснить)

Z0

768

ziliboba0213

10 ноября 2018, 13:42

#4

То ли Яша, толи Гугл говорил, что поворачивают экран малый процент пользователей, поэтому подстраивать под них объявления они не желают 🍿

Не помню где читал :)

2

Y

108

yuraabr

10 ноября 2018, 14:37

#5

DiKiJ:
1) Сделать <!DOCTYPE HTML> - будет меньше глюков.

2) Добавить рекламным блокам скрытие контента, если не влазит:
.google-auto-placed {overflow: hidden; max-width: 100%; box-sizing: border-box;}

3) Так как во вложенных таблицах оно обычно не работает, применяем фикс.
Таблице / таблицам присваиваем table-layout: fixed;

---------- Добавлено 10.11.2018 в 18:07 ----------

А, да. А ответ очень прост. Баннеры просто "распирают" верстку. Для стандартных решение будет 1 в 1, только класс (во 2 пункте) другой.

как то слишком сложно :) решил подругому

---------- Добавлено 10.11.2018 в 18:37 ----------

AERS:
Вы в вертикальное положение возвращаетесь с обновлением страницы? Блоки Adsense будут меняться только после обновления страницы

вы будете смеется (я смеелся), но даже после обновления они все равно оставались широкими (safari)

---------- Добавлено 10.11.2018 в 18:38 ----------

РЕШИЛ ТАК:

Убрал "автоматизированные" , поставил обычные адапитные, и в стиле указал max-width:320px - проблема ушла. всем спасибо.

DiKiJ спасибо за наводку :)

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Зачем быть уникальным в мире, где все можно скопировать