现在随着HTM5+CSS3越来越流行，自适应站点也越来越多，但是自适应站点会遇到一个问题，添加的广告不会自适应，添加了PC端的广告后，使用手机浏览，会发现广告严重变形或者显示不全或者根本不显示，今天就教下大家如何对广告位也进行自适应控制。
这些全部要在模板里进行操作，主要是对CSS的修改，思路就是使用两个广告位，一个一个大屏幕的，一个小屏幕的。1)PC端广告位：大屏幕显示，小屏幕隐藏 2)移动端广告位：大屏幕隐藏，小屏显示。
下面是详细实现方法：
1.我们先找到这个站点的主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.我们要找到自己想添加广告的地方，然后插入以下代码：
电脑端广告代码 手机移动端广告代码
完成，更新下页面试试
