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

如何放入手机和电脑端显示不同的广告代码,红尘资源网这里完美来分享一下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的时候显示后面{ }的样式。

 

pc版效果:

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

 

未经允许不得转载:作者:leyun, 转载或复制请以 超链接形式 并注明出处 乐云源码
原文地址:《实现手机版和电脑端显示不同的广告代码》 发布于2021-01-27

分享到:
赞(0) 生成海报

评论 抢沙发

4 + 9 =


长按图片转发给朋友

终身VIP会员仅需要99元
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。
切换注册

登录

忘记密码 ?

切换登录

注册