移動網站搭建的三種方式:

移動網站大體上有三種方式可以選擇:
響應式設計(responsive design):
PC站和移動站的URL是完全一樣的(不管用什么設備訪問都一樣),返回給瀏覽器的HTML代碼也是一樣的,不同寬度的屏幕排版不同是通過CSS控制的。以前也經常稱為自適應設計,就是因為排版是根據屏幕寬度自動適應的。
當然也有缺點:移動設備由于屏幕大小的關系,經常要隱藏一些內容和功能,但還是需要下載完整的HTML代碼,經常還包括圖片,所以會浪費帶寬。手機網速慢的話,多下載文件就意味著速度變慢。
動態服務(dynamic serving):
PC站和移動站的URL是完全一樣的,這點和響應式設計相同,但動態服務方式返回給瀏覽器的HTML代碼(以及CSS)是不一樣的,PC設備得到的HTML代碼是PC版,移動設備得到的HTML代碼是專門做了移動優化的移動版本。
對不差錢的公司來說,動態內容是比較好的選擇,比如亞馬遜現在就是用動態服務做移動優化的,URL統一簡單,不會出錯,兩個版本的代碼還可以分別優化,據說,亞馬遜移動版本節省了40%的文件下載量,對手機用戶來說,頁面打開速度的提升是至關重要的 。
獨立移動站(separate m. site) :
移動站的URL和PC站是不一樣的,通常用單獨的子域名,
比如PC站是www.over18lesbians.com,
移動站是m. chengqijishu.com,當然移動站的HTML代碼(以及CSS)與PC站也是不一樣的,是專門做了移動優化的。換句話說,這種方式下,移動站就是個獨立的網站。
和響應式設計相比,獨立移動站顯然開發成本要提高,要開發維護兩套代碼。隨著國內人力成本提高,需要重復做的事情會越來越不劃算。