同一個網站，手機端跟電腦端顯示不一樣是怎麼實現的？

同一個網站，手機端跟電腦端不一樣是怎麼實現的？

常見的方式有三種：

1，自適應網站

同一套代碼，自動實現手機端和電腦端的佈局自動調整。例如：openGPS.cn 網站如今大部分頁面已經支持自適應展現，手機端電腦端均可以訪問本站內容，正常閱讀。自適應站點，每每是對CSS佈局的重點考慮，本站使用的是BootStrap這個前端樣式組件實現的自適應佈局。

2，網站二級目錄

這種是早期網站比較喜歡的作法，由於其實這是一個網站。早期網站每每是使用虛擬主機（也叫空間）發佈，一個空間只能放一個網站，因此這種作法在早期特別流行。這種結構本質仍是一個網站，可是針對手機電腦客戶端單獨作了每每對應的一套目錄，例如：

電腦站點地址通常是：www.domain.com/xxxxxxx

手機站點地址每每是：www.domain.com/m/xxxxxxx

3，手機站點使用二級域名，電腦手機各一套2套站點代碼

這種作法，工做量跟二級目錄基本類似，嚴格來講代碼量稍微多點。因爲是2套代碼，因此發佈時候也得配備2套域名，不過要求兩套站點鏈接同一個數據庫來實現數據統一。例如：

電腦端網站域名是：www.domain.com

手機端網站域名是：m.domain.com

原文地址： https://www.opengps.cn/Blog/V... 文章的更新編輯依此連接爲準。歡迎關注源站原創文章！