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

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

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

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

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享