РСЯ. Менять блоки на разных разрешениях экрана.

Добрый день!

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

Сейчас я заключил блоки в разные div и с помощью CSS один блок вывожу, а другой скрываю. Например так:

@media (max-width:640px) { .baner_1 {display:none} }

Насколько это правильно?

Может быть лучше скриптом?

Пробовал так

<script language="JavaScript">

if (document.body.clientWidth >= '640') {
   document.write ('код рекламы');
}
</script> 

Но не получается. Код рекламы конфликтует с самим скриптом.

Какой вариант рабочий? Спасибо!

---------- Добавлено 27.06.2015 в 18:33 ----------

Разобрался.

<script language="JavaScript">



if (document.body.clientWidth >= '640') {

   document.write ('код рекламы');

}



</script>  

Этот код работает. Только нужно код РСЯ немного изменить:

• script заменил на sc'+'ript
• через notepad++ сделал код в одну строчку. Функция называется убрать лишние пробелы и переносы строк.