html手機和電腦顯示内容不同,同一個網站，手機端跟電腦端顯示不同是怎麼實作的？...

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

常見的方式有三種：

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