简单的CSS代码可以控制页面只在电脑端显示

我们在设计网页的时候，有些时候是希望某个页面或者某个模块在电脑端或者是在手机端显示的，而在其他设备中是不显示的。这里有什么办法来实现呢？其实很简单，我们用CSS来控制即可。

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

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

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

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