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

2021-01-26 14:36:28 4523阅读 0评论
广告合作联系站长QQ:908819363

如何放入手机和电脑端显示不同的广告代码,红尘资源网这里完美来分享一下pc移动分离代码教程吧:

记得先备份网站数据养成良好的站长习惯,在网站后台→模板→列表模板(内容模板)等→修改,也可以在宝塔的后台直接修改对应的网站源码模版,找到想显示广告的地方,放入下面的代码!可以先放入,生成刷新后看看效果,不行在换一个地方放入。放入后,要刷新后,才会显示的。

  1. <style type="text/css">

  2. .pc_acmsd{display:block;}

  3. .m_acmsd{ display:none}

  4. @media(max-width:768px) {

  5. .pc_acmsd{display:none !important;}

  6. .m_acmsd{display:block !important;}}

  7. </style>

  8. <div class="pc_acmsd">此处放入显示在电脑上的广告代码</div>

  9. <div class="m_acmsd">此处放入显示在手机上的广告代码</div>

复制

上面CSS的意思:

display:block  这是显示的意思

display:none 这是隐藏的意思

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

pc版效果:

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

手机版效果:

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

广告合作联系站长QQ:908819363
文章版权声明:除非注明,否则均为红尘资源网原创文章,转载或复制请以超链接形式并注明出处。
广告合作联系站长QQ:908819363
广告合作联系站长QQ:908819363

发表评论

快捷回复: 表情:
评论列表 (暂无评论,4523人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码