网站实现手机版和电脑端显示不同的广告代码。

网站如何放入手机和电脑端显示不同的广告代码,初学者博客这里完美来分享一下pc与手机分离代码教程吧:

记得先备份网站数据养成良好的站长习惯,在网站的宝塔后台直接修改对应的网站源码模版,找到想显示广告的地方,放入下面的代码!

可以先放入,生成刷新后看看效果,不行在换一个地方放入。放入后,要刷新后,才会显示的。

代码内容

<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的时候显示后面{ }的样式。

如图显示

%title - 初学者博客

%title - 初学者博客

温馨提示:本文最后更新于2021-04-29,若文件或内容有错误或已失效,请在下方留言
正文 结束
①、本站部分资源来源于网络收集,仅供大家学习与参考。
②、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
③、如发现本站有侵权倾向,请参考《免责声明》进行处理。

喜欢就支持一下吧
点赞0
分享
文章评论 抢沙发