之前博客有发过使用CSS通过判断窗口大小，实现PC端和移动端显示不同的内容。但这种方式处理上是客户端（用户）处理，一定程度上不够严谨，今天给大家介绍一个从服务端PHP判断设备并输出不同内容的方法。
WordPress使用 php wp_is_mobile()函数判断设备并输出不同内容
其实非常简单，使用下列代码插入到你模板中要使用的位置即可。
- <?php if ( wp_is_mobile() ){ ?>
- 我是移动端内容
- <?php }else { ?>
- 我是PC端内容
- <?php } ?>
自动PC端显示 手机端隐藏CSS代码判断实现自适应
实现场景描述：
有些内容部署在PC端但是有不适合在手机端显示（比如盒子过大，遮挡内容）或者手机端显示毫无意义等。我们可以使用下面的代码来实现：电脑端显示，手机端隐藏
实现方法：
CSS控制判断
- @media screen and (max-width: 1221px)
- {
- .wapnone{display:none; }
- }
在需要隐藏的区域加一个DIV，代码如下：
- <div class="wapnone">你要css判断隐藏的内容</div>
其中1221px表示如果屏幕尺寸达到了1221像素以下将会隐藏否则显示。具体数值可以自行调试）
