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

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

常見的方式有三種：

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/View.aspx?id=302 文章的更新編輯依此連結為準。歡迎關注源站原創文章！