導讀: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像素以下將會隱藏否則顯示。具體數值可以自行調試）

相關網站技術建站技術論壇。

關鍵詞標簽: 內容 手機 不同