用CSS代码控制DIV只在电脑端显示手机端不显示实现方法-资源仓库

反诈示警：如遇到文章内跳转至别的网站或产生需要交钱，交易等行为，均为诈骗行为，请谨慎对待。对于网上兼职、刷单、刷信誉的就是诈骗，请勿相信！需要提供身份证明、短信验证和短信链接点击都是诈骗，请不要提供！同时请下载“国家反诈中心”App能自查自检,规避诈骗电话,免遭损失。

有些时候我们需要自定义在WordPress网站的部分位置需要展示广告和特定的内容。但是我们希望这个位置的内容只在电脑端显示，但是在手机端是不显示的。那我们应该如何实现呢？其实我们只需要用CSS代码控制宽度就可以，超过某个宽带屏幕才可以显示，低于这个宽度就应该是在移动端就不给显示。

<div class="wp-none">电脑端显示的内容</div>

这个就是我们DIV控制的电脑端要显示的内容，用wp-none定义样式。

@media screen and (max-width: 560px) { .wp-none{display:none; }}

我们在CSS中控制屏幕尺寸然后让其隐藏。是不是比较简单？

：本文采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可，转载请附上原文出处链接。
1、本站提供的源码不保证资源的完整性以及安全性，不附带任何技术服务！
2、本站提供的模板、软件工具等其他资源，均不包含技术服务，请大家谅解！
3、本站提供的资源仅供下载者参考学习，请勿用于任何商业用途，请24小时内删除！
4、如需商用，请购买正版，由于未及时购买正版发生的侵权行为，与本站无关。
5、本站部分资源存放于百度网盘或其他网盘中，请提前注册好百度网盘账号，下载安装百度网盘客户端或其他网盘客户端进行下载；
6、本站部分资源文件是经压缩后的，请下载后安装解压软件，推荐使用WinRAR和7-Zip解压软件。
7、如果本站提供的资源侵犯到了您的权益，请邮件联系： 11210980@qq.com 进行处理!

如需 WordPress 优化加速、二次开发、网站维护、企业网站建设托管等服务，点此联系我 | 近期站内热门福利推荐：