Question

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

Есть адаптированный сайт: под мобильную и компьютерную версию. Ширина блока "контента" 640px - компьютерная версия. При просмотре на мобильном устройстве в среднем ширина контента 300px. Теперь вопрос: если ли какой то системный модуль, который сможет определять разрешение экрана, и в зависимости от разрешения экрана, мне бы хотелось выводить разные блоки рекламы (например Адсенс) ?

Возможно, есть другие способы которые я не знаю, было бы интересно услышать.

Что не подходит:

1.     Сделать адаптированный блок в Адсенс.

2.     Установить минимальную ширину экрана (@media)..

Answer 1

Если это адаптивный дизайн, то только с помощью условий Media, как-то так, в стили добавить:

@media screen and (min-width: 240px) and (max-width: 300px) { 
   .reklama-adsens {display:block;}
 }
@media screen and (min-width: 310px) and (max-width: 640px) { 
   .reklama-adsens {display:none;}
 }

Далее блок с рекламой завернуть в класс:

<div class="reklama-adsens">здесь скрипт рекламы</div>

пробуйте.