有的做的网站希望在主题中加入广告代码,让在移动端显示,但是不在PC电脑端显示。开始我也想到去用JS代码判断用户客户端,然后给予分别显示,感觉那太麻烦了,何不直接用CSS来控制呢?

比如我们想象一下,如果显示器低于某个尺寸,然后我们就判断是移动端,然后就让显示,如果超过这个尺寸就判断是电脑端让不显示。反正他是要让移动端显示,这样就不要用复杂的JS代码判断。

第一、仅在移动端显示


<div class="onlywap">移动端显示的广告</div>
<style>
.onlywap{display: inline;}
@media (min-width: 950px){.onlywap{display:none;}}
</style>

第二、仅在电脑端显示


<div class="onlymobile">电脑端端显示的广告</div>
<style>
.onlymobile{display: none;}
@media (min-width: 950px){.nonlymobile{display:inline;} }
</style>

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考免责介绍。
提示下载完但解压或打开不了
最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联系客服处理。