导读:seo建站技术seo建站技术之前博客有发过使用CSS通过判断窗口大小，实现PC端和移动端显示不同的内容。但这种方式处理上是客户端（用户）处理，一定程度上不够严谨，今天给大家介绍一个从服务端网站技术建站技术论坛。

之前博客有发过使用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&nbsdede网站模板p;class="wapnone">你要css判断隐藏的内容</div>  

其中1221px表示如果屏幕尺寸达到了1221像素以下将会隐藏否则显示。具体数值可以自行调试）

相关网站技术建站技术论坛。

关键词标签: 内容 手机 不同