自適應網(wǎng)站建設

什么是自適應網(wǎng)站建設？
自適應是指處理和分析過(guò)程中，根據處理數據的數據特征自動(dòng)調整處理方法、處理順序、處理參數、邊界條件或約束條件，使其與所處理數據的統計分布特征、結構特征相適應，以取得最佳的處理效果。

起初，網(wǎng)頁(yè)設計者都會(huì )設計固定寬度的頁(yè)面，最開(kāi)始的電腦顯示器分辨率種類(lèi)不多，因為當時(shí)電腦本來(lái)就少，即使有變化也是 800 850 870 880。比如 傳誠信的網(wǎng)頁(yè)就是固定寬度為998來(lái)定制的。

后來(lái)隨著(zhù)顯示器越來(lái)越多，以及筆記本的普及，這種方式的頁(yè)面出現了問(wèn)題。于是出現了一種新的布局方式寬度自適應布局。我們平時(shí)談?wù)摰淖赃m應布局，大多指的就是寬度自適應布局。

在這種布局下，出現了兩派： 百分比寬度布局，流式布局

題主說(shuō)的是第一派，寬度使用百分比，文字使用 em，現在也很多開(kāi)始使用rem了，也就是所謂的高清方案。
第二派的布局以 iGoogle 為代表（已經(jīng)停止）。 
一開(kāi)始沒(méi)有響應式布局這個(gè)詞語(yǔ)，但是慢慢出現了一個(gè)詞——漸進(jìn)增強，新詞的出現總是伴隨的舊詞一起出現。就好比 3G 出現之前，沒(méi)人管自己的手機叫 2G，所以，3G 和 2G 兩個(gè)詞是一起出現的（技術(shù)上當然2G技術(shù)先出現）。同理，漸進(jìn)增強出現后，另一個(gè)詞「優(yōu)雅降級」也隨之出現了。 
詞的意思可以自己看 wiki、Google，我只在這兒舉一個(gè)例子，gmail 和 qqmail。 

他倆的寬度都是 100%，都是自適應。但是： 
qqmail 就是 css hack 的完美體現，你用任何一個(gè)瀏覽器，幾乎可以看到同一個(gè)樣子的郵箱，騰訊的前端工程師們用各種 css hack 技術(shù)來(lái)展示郵箱頁(yè)面，為的是統一的用戶(hù)體驗。 
而 gmail 使用了漸進(jìn)增強，你的瀏覽器越強，你看到的效果就越好，用戶(hù)體驗就越好。 
什么是響應式（自適應）網(wǎng)站
所謂的響應式網(wǎng)站設計（自適應網(wǎng)站設計），用最通俗的語(yǔ)言來(lái)講，就是通過(guò)一個(gè)唯一的網(wǎng)址，唯一的一份網(wǎng)站內容，唯一的一份網(wǎng)站代碼，通過(guò)CSS3媒體查詢(xún)方式，可以在多種瀏覽器設備上進(jìn)行一致的瀏覽。響應式站點(diǎn)設計的目的是期望網(wǎng)頁(yè)設計和網(wǎng)頁(yè)編碼能夠對用戶(hù)的操作行為和環(huán)境進(jìn)行合理的響應，而這種響應應建立在用戶(hù)的瀏覽器屏幕大小、操作平臺等。

例如，微軟的官方網(wǎng)站能夠在桌面瀏覽器上顯示符合桌面互聯(lián)網(wǎng)瀏覽布局的內容展示形式，而在平板電腦、智能手機上則可以根據屏幕的變化而自動(dòng)調整內容的布局和尺寸，讓用戶(hù)可以在平板電腦和智能手機上也獲得桌面瀏覽器上的一致體驗。

響應式（自適應）網(wǎng)站的優(yōu)點(diǎn)
1、提升用戶(hù)體驗
響應式網(wǎng)站考慮了不同的終端下不同分辨率下的顯示效果，如果移動(dòng)設備瀏覽傳統網(wǎng)站，由于沒(méi)有對移動(dòng)設備進(jìn)行過(guò)優(yōu)化處理，所有體驗效果相對會(huì )比較差，響應式網(wǎng)站設計，根據不同分辨率都會(huì )出現的顯示效果都進(jìn)行了現對調整，大大提高了用戶(hù)瀏覽的體驗效果。 
2、節省時(shí)間和成本
響應式技術(shù)，雖然有時(shí)在規劃階段非常耗時(shí)，但是從長(cháng)遠來(lái)看可以幫助開(kāi)發(fā)人員節約時(shí)間。使用響應式技術(shù)，不需要專(zhuān)門(mén)為移動(dòng)設備重新設計網(wǎng)站和重定向。這可以使網(wǎng)站更新變得更簡(jiǎn)單，因為一個(gè)更新就可以解決所有的設備。 
3、對seo 更加友好
響應式設計會(huì )提高搜索引擎權重。因為一個(gè)響應式網(wǎng)頁(yè)設計只有一個(gè)URL，而不是多個(gè)頁(yè)面指向移動(dòng)設備，避免搜索引擎因重復內容而降低權重。Google也建議優(yōu)先采用響應式設計，因為無(wú)論是什么網(wǎng)頁(yè)版本都是相同的HTML、相同的內容，Google最容易處理。

響應式（自適應）網(wǎng)站的缺點(diǎn)
1、對老版本IE 兼容不好
對于ie8及以下版本的ie瀏覽器兼容不太好，由于響應式網(wǎng)頁(yè)布局采用html5+css3的一些新特性,而ie8及以下的瀏覽器對這些都不支持，這些影響都只是局限于pc機上，而pc機一般都是正常的分配率瀏覽，所以這些影響都并不是大問(wèn)題！ 
2、移動(dòng)端瀏覽瀏覽量會(huì )產(chǎn)生更多流量
由于響應式網(wǎng)站，基本都考慮了不同終端顯示分辨率下的顯示效果，所以代碼量會(huì )相對較高，同時(shí)對于移動(dòng)端的瀏覽，一些圖片并沒(méi)有針對移動(dòng)端進(jìn)行過(guò)優(yōu)化，所有會(huì )產(chǎn)生相對較多的流量

哪些網(wǎng)站適合響應式設計
1. 移動(dòng)App開(kāi)發(fā)者的公司網(wǎng)站和單獨的App網(wǎng)頁(yè)；
2. 希望充分利用互聯(lián)網(wǎng)的初創(chuàng )型公司網(wǎng)站；
3. 外貿型企業(yè)網(wǎng)站；
4. 新式的電子商務(wù)網(wǎng)站；
5. 面向消費者和大眾市場(chǎng)的品牌企業(yè)網(wǎng)站；
6. 新興互聯(lián)網(wǎng)媒體和網(wǎng)上社區類(lèi)網(wǎng)站；
7. 傳統媒體向移動(dòng)互聯(lián)網(wǎng)數字化過(guò)渡的網(wǎng)站改版；
8. 任何不想放棄移動(dòng)互聯(lián)網(wǎng)用戶(hù)的商家和個(gè)人網(wǎng)站。