隨著手機移動端的大力發(fā)展，建設一個適合于手機瀏覽的網站勢在必行，也是若干企事業(yè)單位的，說白了，在擁有了一個電腦網站之后，還想做個移動網站。
要實現上面的想法，有兩種做法，一是單獨做兩個網站，一個是PC網站，也叫做電腦客戶端的網站，二是移動網站，也叫做手機客戶端的網站，然后兩者進行數據庫共享，確保只有一個后臺，添加一條記錄后，在兩個網站上同時都顯示，不需要重復添加，方便了用戶的管理，同時對網站的優(yōu)化排名也是有一定好處的。
還有一種就是響應式（自適應）的網站，即建設好一個頁面后，這個頁面會根據不同的客戶端顯示為不同的排版布局，這也是目前為的做法，只需做一個網站，就能享受兩個網站的成果，這種技術是自我學生時代BBS上出現ASCII字符圖形至今，Web開發(fā)領域讓人感到興奮的事情之一。HTML5、CSS3及jQuery給舊網絡注入了新生命，給使用你應用程序的用戶帶來樂趣和興奮。一個新技術的出現，勢必惹得更多的人的圍觀，它的成就與功績，優(yōu)勢與劣勢，咱們今天一個個的進行分析對比。
1、響應式（自適應）網站由于是同一個頁面，很顯然的理解就是：把一個電腦上的所有東西安排到手機上，這顯然有些“多余”，滑動塊會拉得很長，這時這種技術會提供自帶函數可以隱藏一些數據，或是一些不值得在移動端顯示的東西，或是不顯示，或是只顯示一部分，但畢手機與電腦的排版差距很大，盡管響應式技術提供大量的自帶函數，仍舊逃脫不了在布局的短板。優(yōu)勢是程序簡潔清爽，一個頁面不同的客戶端會有不同的顯示。劣勢是PC與移動端的排版差距很顯而易見。
2、因為有上面的短板，于是自適應的網站就要求美工做出適合于響應式的界面需求，比如必須要通欄，不能用三欄的形式，盡量少用背景，多用文字（因為尺寸是以百分比來算，而不是以像素），分類上下排版，不要左右排，而且排版還不能太繁瑣，另外網站里面少用JS腳本，或是flash元素，因為移動端好多是不支持的。優(yōu)勢是布局簡潔大氣，劣勢是頁面設計限制太多。
3、如果把電腦網站與手機網站完全分開來建設的話，情況就完全不同了，PC網站建設想怎么設計就怎么設計，完全用不著考慮手機顯示的樣子，無論是拖動滑動塊的效果，還是鼠標互動效果，想怎么開發(fā)就怎么開發(fā)，手機也一樣，設計的時候只考慮移動端的美觀與布局，其它的一概不管，讓兩者聯系在一起的，只是數據的共享，兩者調用同一個數據庫，以確保一個后臺管理兩個網站，這樣能顯示出是同一家企事業(yè)單位的網站，另外還有，盡量的把兩者風格統一化，至少讓瀏覽者感覺有點相似。響應式網站的優(yōu)勢是工作量減少了，用不著做兩個網站，劣勢是很明顯的，風格不流暢，條條框框太多。
4、響應式（自適應）網站不利于百度的優(yōu)化排名，為什么這樣說呢？因為自適應的網站是同一個頁面在不同的客戶端有不同的顯示，然后源碼里面title不可能有兩個，而PC與移動端的搜索規(guī)則是不太一樣的，如果分開建設電腦與手機網站，就可以設置兩個不同的title與keywords，自然有利于搜索引擎的收錄與排名，這很好理解。所以，如果你的網站需要進行商業(yè)方面推廣的話，建議你們還是單獨做一個手機版的網站更好，而不是使用自適應的網站。在優(yōu)化這一點上，響應式的網站幾乎沒什么優(yōu)勢，滿滿的劣勢。
5、自適應的網站打開速度相對要慢些，我們說的是手機網站，因為同一個頁面在手機上加載，雖然有些在電腦上顯示的東西隱藏了，但程序方面照樣加載，只是不顯示而矣，因而針對單獨制作手機網站來說，要慢好多。比較來說，劣勢比優(yōu)勢多，耗時間耗流量，網站打開慢了，會丟失若干客戶，而Google的不完全統計的數據，網頁加載時間每延長0.4秒就會有0.59%的用戶流失，電商類代表亞馬遜則表示每延長0.1秒就會有1%的用戶流失，所以你的自適應網站每天會流失好多客戶。
6、自適應對于IE6到IE8的瀏覽器簡直就是個大悲劇，因為這些都不支持的，打開后亂七八糟，排版其混亂，當然也可以打打補丁，但那種做法一是無濟于事，二是效果也不太明顯，即使排好了，所花的時間也是得不償失的。
