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

Y
На сайте с 27.12.2011
Offline
77
1365

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

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

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

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

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

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

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

а, да , стоит

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

D.iK.iJ
На сайте с 26.05.2013
Offline
180
#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/ ).
AS
На сайте с 13.07.2017
Offline
32
#2

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

1_st
На сайте с 22.01.2016
Offline
293
#3
AERS:
Блоки Adsense будут меняться только после обновления страницы

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

Z0
На сайте с 03.09.2009
Offline
730
#4

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

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

Y
На сайте с 27.12.2011
Offline
77
#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 спасибо за наводку :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий