Как правильно сделать адаптивный блок?

CSS:

КОД:

Что то кода мало. Вот что я нашел в описаниях гугла.

Код адаптивного рекламного блока с фиксированной высотой в 90 пикселей и переменной шириной в 400–970 пикселей будет выглядеть так:

<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>

Как мне переделать этот блок, чтобы ширина была его от 250 пикселей до 100% (ширина у меня 720 пикселей и думаю если поставить 100% он сам будет подбирать до этой ширины). А высота от 60 пикселей до 300 пикселей. ?

kapper, это для адаптивного диза?

если изменять ваш код, с вашими показателями, то будет как-то так:

но я считаю что лучше делать для каждого разрешения свой размер

почитайте тут

Спасибо, буду разбираться - не отображается чего то

Переменная высота в таком виде не работает.

Инструкция по адаптивным блокам от Гугла тут.

Читал ее и код с этой инструкции выложил выше.

В этом коде

<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>

код .adslot_1 { width: 320px; height: 100px; } используется для размеров экрана до 320 px?

Да я уже переплевался и оставил стандартные прямоугольники везде. Хотя менеджер сказал типа с адаптивных доходы лучше будут скорее всего.

Ставил кстати под заголовок 728 на 90 (скорей всего он будет в адаптивном вылазить иногда) и на него хуже кликали чем на большой прямоугольник

А у этого манагера нету часом почты? Хотелось бы спросить что б он мне порекомендовал...

для экранов шириной менее 500 px