如何放入手机和电脑端显示不同的广告代码
1.首先在要显示广告的页面加入CSS: <style type="text/css">.pc_ad{display:block;}.m_ad{ display:none}@media(max-width:768px) {.pc_ad{display:none !important;}.m_ad{
1.首先在要显示广告的页面加入CSS:
<style type="text/css">
.pc_ad{display:block;}
.m_ad{ display:none}
@media(max-width:768px) {.pc_ad{display:none !important;}.m_ad{display:block !important;}}
</style>
上面CSS的意思:
display:block 这是显示的意思
display:none 这是隐藏的意思
@media(max-width:768px) 判断页面宽度小于768PX的时候显示后面{ }的样式。
2.找到想添加广告的地方,然后在模板里面想显示广告的地方放入下面的代码.
<div class="pc_ad">此处放入显示在电脑上的广告代码</div>
<div class="m_ad">此处放入显示在手机上的广告代码</div>
很赞哦! ()