教学E网

您现在的位置是:首页 > 信息技术 > 常用素材

常用素材

如何放入手机和电脑端显示不同的广告代码

上传/作者: 2022-05-30常用素材 加群
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>


文章评论