因为PC端增加了广告，到移动端会变形或者显示不全或者根本不显示，那么今天迅雪博客给大家讲解下给网站自适应模板站点添加广告的方法！

首先大家不要管后面任何操作！接下来所有事情都在模板里进行就可以了！基础差的小伙伴们或者有疑问都可以直接找我哦。

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

<div class="pcd_ad">电脑端广告代码</div>

<div class="mbd_ad">手机移动端广告代码</div>

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