Можно ли для неадаптивного сайта на мобильных устройствах отцентровать блок РСЯ по ширине экрана мобильного?

Genius Ideaing
На сайте с 12.02.2024
Offline
79
193

Здравствуйте.

у меня ряд сайтов с неадаптивной версткой. переделывать в адаптивную не хочу. это немалые затраты по  деньгам.

если на таких сайтах размещать полноэкранный мобильный блок РСЯ, то реклама будет показываться вот так:

т.е. JavaScript такого рекламного блока будет центровать блок по ширине сайта, а не ширине экрана мобильного устройства.

можно как то настроить мобильный полноэкранный блок так, чтобы не на адаптивном дизайне сайта (т.е. ширина сайта выходит за ширину мобильного устройства и появляется горизонтальный скроллинг) рекламный блок РСЯ отображался все таки по центру ширины экрана мобильного устройства, как на рисунке



Дешёвый хостинг и домены: https://clck.ru/3FxXCa / Мощный хостинг: https://clck.ru/3DKmVu / Есть Идеи! Ищу хороших людей для реализации этих идей! Мой Telegram: https://clck.ru/396JFF
doomed_user
На сайте с 10.07.2024
Offline
12
#1

Навскидку, оберните блок рекламы в контейнер с классом .rsya и пропишите для него в стилях

@media (max-width: 768px) {
    .rsya {
        width: 100vw;
        float: left; //на всякий случай
    }
}

На экранах шириной 768px и ниже блок в который будет обернута реклама будет 100% ширины экрана.

Genius Ideaing
На сайте с 12.02.2024
Offline
79
#2
doomed_user #:
На экранах шириной 768px и ниже блок в который будет обернута реклама будет 100% ширины экрана.

да я вот боюсь.. что полноэкранный мобильный блок РСЯ.. это слой поверх всего контента веб-страницы. и его обернуть во что то не получится.... 

D.iK.iJ
На сайте с 26.05.2013
Offline
236
#3

Так сломал мозг, пытаясь представить, что все сайты проще было бы взять и адаптировать...

По факту, если нет <meta name="viewport" мобильной версии, то устройство берет: "мобильный Safari по умолчанию использует 980px, Opera - 850px, Android WebKit - 800px, а IE - 974px". Но и на телефоне у вас должна показываться тогда полная версия сайта с мобильным блоком по центру.

Хм. Это или все же мета-тег есть или РСЯ тупит, ориентируясь ХЗ на что. Надо смотреть.

И или убрать мета-тег... ну или попробовать подобрать минимальную щирину:

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

Но если сайт пришлете, могу попробовать стили посмотреть. Хотя уверен, что в РСЯ это запрещено.

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

да я вот боюсь.. что полноэкранный мобильный блок РСЯ.. это слой поверх всего контента веб-страницы. и его обернуть во что то не получится.... 

не заметил что речь про полноэкранный, тогда проблемно будет

D.iK.iJ
На сайте с 26.05.2013
Offline
236
#5

Посмотрел. Там и правда прописан <meta name="viewport" content="width=device-width, initial-scale=1"> и поэтому показывает часть сайта, а не весь по ширине (как и должно быть на мобильном).

Роман Кузьминский
На сайте с 08.07.2022
Offline
155
#6
Genius Ideaing :

Здравствуйте.

у меня ряд сайтов с неадаптивной версткой. переделывать в адаптивную не хочу. это немалые затраты по  деньгам.

если на таких сайтах размещать полноэкранный мобильный блок РСЯ, то реклама будет показываться вот так:

т.е. JavaScript такого рекламного блока будет центровать блок по ширине сайта, а не ширине экрана мобильного устройства.

можно как то настроить мобильный полноэкранный блок так, чтобы не на адаптивном дизайне сайта (т.е. ширина сайта выходит за ширину мобильного устройства и появляется горизонтальный скроллинг) рекламный блок РСЯ отображался все таки по центру ширины экрана мобильного устройства, как на рисунке

Здравствуйте. Давайте посмотрю с командой, что тут можно сделать. Для этого пришлите, пожалуйста, мне в личные сообщения ID рекламного блока и ссылку на домен.

Genius Ideaing
На сайте с 12.02.2024
Offline
79
#7
Роман Кузьминский #:
Давайте посмотрю с командой, что тут можно сделать. Для этого пришлите, пожалуйста, мне в личные сообщения ID рекламного блока и ссылку на домен.

отправил данные, что вы просите, в ЛС этого форума

D.iK.iJ
На сайте с 26.05.2013
Offline
236
#8

Напишу сюда, чтобы не потерялось. Понимаю, что на сайте много таблиц. Но сносного адаптива там можно добиться даже простым

@media screen and (max-width: 960px) {
img {max-width: 100%; height: auto; box-sizing: border-box;}
iframe, textarea, input, button, submit, select, video, object, embed {max-width: 100%; box-sizing: border-box;}
table, span, ins {max-width: 100%;}

table, tbody, tr, td {display: block; width: auto !important; height: auto !important; box-sizing: border-box;}
}

и оставив мета-тег мобильной версии.

А если посидеть, добавить таблицам CLASS вроде class="tbl" и не делать прямо ВСЕ таблицы блоками, как в коде выше, а прописать стили только для мешающих (.tbl, .tbl tbody, .tbl tr, .tbl td) то вы и адаптив получите без затрат и блок будет работать как задумано. 😊

Там буквально главная таблица и парочка внутри.

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