Настройка адаптивного блока

Р
На сайте с 10.06.2016
Offline
69
612

Помогите с настройкой адаптивного блока.

Сайт в одну колонку шириной 1000px, поэтому адаптивный блок на ПК очень вытянут и проигрывает тем же нативным блокам, но на меньших разрешениях адаптивны показывают хорошие результаты.

Подскажите как сделать, чтобы на всех разрешениях высота адаптивного блока была не менее 120px.

Пробовал оба варианта из справки адсенс:

Вариант 1

<style type="text/css">

.adslot_1 { width: 320px; height: 100px; }

@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }

@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }

</style>

<ins class="adsbygoogle adslot_1"

style="display:inline-block;"

data-ad-client="ca-pub-1234"

data-ad-slot="5678"></ins>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Блок не отображается, только пустая область. Что не так?

Вариант 2

<ins class="adsbygoogle"

style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"

data-ad-client="ca-pub-1234"

data-ad-slot="5678"></ins>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

В данном варианте поставил min-heigh: 120px, на сайте по прежнему отображаются узкие блоки адсенс, но под ними остается свободное пространство до 120px.

В чем моя ошибка?

F
На сайте с 07.02.2018
Offline
50
#1

Я адаптивы встраиваю так:


<div class="justify-content-center w-100">
<div style="max-width:600px" class="mx-auto">
<?php
include_once('banner_adaptive_1.php');
?>
</div>
</div>

и ширина в 600 получается. Особенно хорошо, когда под картинкой в 600 точек.

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#2

А почему не просто min-height: 120px; ?

Еще я бы попробовал вот такой формат записи:

@media screen and (min-width: 500px) {
Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
minsky
На сайте с 01.09.2012
Offline
161
#3
Fantella:
Я адаптивы встраиваю так:


<div class="justify-content-center w-100">
<div style="max-width:600px" class="mx-auto">
<?php
include_once('banner_adaptive_1.php');
?>
</div>
</div>


и ширина в 600 получается. Особенно хорошо, когда под картинкой в 600 точек.

Ну это вообще-то не адаптив,,,,

---------- Добавлено 13.11.2018 в 02:32 ----------

max-width: 100%;

height: auto;

Продвигаю сайты ссылками, ускоряю индексацию сайтов и отдельных страниц ( https://kwork.ru/user/minsky?ref=23382 )

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