使用css控制移动与PC端显示不同的广告

2022-11-16技术经验 浏览

<style type="text/css">

.pc{display:block;}

.mip{ display:none}

@media(max-width:768px) {

.pc{display:none !important;}

.mip{display:block !important;}}

</style>

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

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

display:none的意义就是隐藏，说白了就是当屏幕小于768px的时候pc端隐藏，大于768px的时候移动端隐藏。