许多网站采用了HTML5技术，实现了自适应功能。然而广告却是固定尺寸，给自适应站点添加广告会出现问题。因为在PC端增加广告，在移动端会变形或者显示不全，这会让很多站长感到困惑。今天，念鲜和大家分享一种通过判断设备屏幕大小，从而加载不同广告代码的方法。首先，在站点的主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时显示指定样式。接着，在想要添加广告的位置插入以下代码：

。简单易懂，更新完毕后刷新页面，就可以看到效果了。