是否可以通过使用响应式设计来显示不同的页面布局？

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