自适应页面在电脑手机端放置不同广告的方法

炉鼎2022-07-13  15

1.jpg

今天念贤教你一个通过判断浏览网页的设备屏幕大小来加载不同广告代码的方法。

首先我们来找一下这个站点的主CSS,或者直接把下面的CSS添加到模板或者页面中,不用找CSS:
。PCD _ ad {显示器:block}
。mbd _ ad { display:none }
@ media(max-width:768 px){
。pcd_ad{display:无!重要;}
。mbd _ ad {显示:block!重要;}
}

上面CSS的意思大概是:
显示:block。这意味着显示
显示:无。这意味着隐藏。
@media(max-width:768PX)判断页面宽度小于768PX时显示以下{}的样式。

然后,我们要找到要添加广告的地方,然后插入下面的代码:(找不到?没办法给出教程,就是说你要在模板的什么地方展示广告!)
lt;div class = quotpcd _ ad quot gt电脑上的广告代码

好吧,就这么简单,然后该更新了,该刷新了。可以看到效果!

转载请注明原文地址:https://juke.outofmemory.cn/read/712388.html

最新回复(0)