如何放入手机和电脑端显示不同的广告代码

日期:2018-04-23 15:33:45 作者: adm1n 浏览: 查看评论 加入收藏
天网恢恢,疏而不漏。做网站请守法,守纪,守规!
请大家自觉遵守法律规定,共同营造绿色的网络环境!请不要把程序模板用到有违法违规的内容上面!
购买时请一定要反复核实网址,小心买错店铺了!请用正版建站,别把时间浪费在折腾盗版程序模板上了!

全部模板 电影站 下载站 企业站 博客站 淘客站 自媒体站 视频站 新闻站 图片站

提示和导航条下的

如何放入手机和电脑端显示不同的广告代码;

在网站后台→模板→列表模板(内容模板)等→修改,找到想显示广告的地方,放入下面的代码!可以先放入,生成刷新后看看效果,不行在换一个地方放入。放入后,要刷新后,才会显示的。

<style type="text/css">
.pc_acmsd{display:block;}
.m_acmsd{ display:none}
@media(max-width:768px) {

.pc_acmsd{display:none !important;}
.m_acmsd{display:block !important;}}
</style>
<div class="pc_acmsd">此处放入显示在电脑上的广告代码</div>
<div class="m_acmsd">此处放入显示在手机上的广告代码</div>
 

上面CSS的意思:

display:block  这是显示的意思

display:none 这是隐藏的意思

@media(max-width:768px)  判断页面宽度小于768PX的时候显示后面{ }的样式。