有些时候我们需要自定义在WordPress网站的部分位置需要展示广告和特定的内容。但是我们希望这个位置的内容只在电脑端显示,但是在手机端是不显示的。那我们应该如何实现呢?其实我们只需要用CSS代码控制宽度就可以,超过某个宽带屏幕才可以显示,低于这个宽度就应该是在移动端就不给显示。
<div class="wp-none">电脑端显示的内容</div>
这个就是我们DIV控制的电脑端要显示的内容,用wp-none定义样式。
@media screen and (max-width: 560px) { .wp-none{display:none; }}
我们在CSS中控制屏幕尺寸然后让其隐藏。是不是比较简单?
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END