自适应模板网站添加电脑和手机广告的方法

怎么样可以为自适应网站添加广告，PC端显示电脑广告，手机端显示手机广告，很多小伙伴问自适应站点添加广告怎么办，因为PC端增加了广告，到移动端会变形或者显示不全或者根本不显示，那么今天抓虾给大家讲解一种用css实现的方法，抛砖引玉，方便大家！

1.我们先找到这个站点的主CSS，或者不用找CSS，直接在模板或者页面里添加以下CSS：

.pcd_ad{display:block;}.mbd_ad{ display:none}@media(max-width:768px) {.pcd_ad{display:none !important;}.mbd_ad{display:block !important;}}

上面CSS的意思大概：

display:block 这是显示的意思
display:none 这是隐藏的意思
@media(max-width:768px) 判断页面宽度小于768PX的时候显示后面{}的样式。

2.我们要找到自己想添加广告的地方，然后插入以下代码：（找不到？这个没法教程，意思就是模板里你想显示广告的地方！）

好了，就是那么简单，然后该更新更新，该刷新刷新。就成了！