Можно ли отображать различные макеты страниц, используя отзывчивый дизайн?

Question

Я не хочу показывать какое-либо содержимое, например, объявления на мобильных устройствах. Могу ли я изменить этот проект для рабочего стола

<DIV> ADS</DIV> <DIV> Content 1</DIV> 
<DIV> Content 2</DIV> <DIV> Content 3</DIV> 

к чему-то, как показано ниже для мобильного расположения (без показа объявления раздела)

<DIV> Content 1</DIV> 
<DIV> Content 2</DIV> 
<DIV> Content 3</DIV> 

Answer 1

Вы можете, если вы даете объявления класса, и использовать CSS @media:

<div class="Mobile-no-show">Ads</div> 
<div>Everything Else...</div> 

CSS:

@media (max-width:500px){ 
.Mobile-no-show{ 
display:none; 
} 
} 

JSFiddle Demo