现在移动流量已势不可挡，几乎所有的网站都已经自适应，如果还有某个网站没有实现自适应，那他肯定只针对pc端的，这和他从事的业务有关系，像靠流量来赚钱的站长，那肯定pc和web端都不能放过，下面就分享一段css自适应广告代码，可以实现pc和web显示不同的广告，这样可以针对不同需求的广告主从而获取不同的流量渠道。
<style type=”text/css”>
.pc_acmsd{display:block;color:#fff;text-align:center;font-size:26px; font-weight:bold;line-height:36px;}
.m_acmsd{ display:none;color:#fff;text-align:center;font-size:26px; font-weight:bold;}
@media(max-width:768px) {
.pc_acmsd{display:none !important;}
.m_acmsd{display:block !important;}}
</style>
<!–pc端显示–>
<div class=”pc_acmsd”>
<a target=”_blank” href=”https://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
<a target=”_blank” href=”http://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
</div>
<!–web端显示–>
<div class=”m_acmsd”>
<a target=”_blank” href=”https://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
<a target=”_blank” href=”http://www.baidu.com”><img width=”100%” src=”https://www.baidu.com/img/flexible/logo/pc/result.png”/></a>
</div>
这是html和css代码，大家可以把他封装到js里面，一般都是放在head里面，适合有长期租用广告位的站长们使用，如果没有要求可以直接放到网页里面，不过我建议大家用js，把图片和链接都设置好，然后转化成js，在调用到你需要显示的部位，这里说一下，web端图片的尺寸设置大一点，长度650，高度400-450，这样看上去美观大气，很自然，需要说明的是，不同的广告联盟的js代码也可以用这个来实现pc显示pc广告，web先web广告，但是大家千万别加到js里面，不然点击不计费的，我已测试多次，这就是广告联盟的无耻之处。
如果大家想挂广告联盟的代码，pc先是pc，web显示web，我已经专门装备了js广告代码，不影响点击计费，请大家查看我下一片分享的文章。
本文地址：https://www.51logou.cn/217.html
原创作者：【源待码】
转载请注明出处：【51源代码】
评论