自適應網站建設

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

起初，網頁設計者都會設計固定寬度的頁面，最開始的電腦顯示器分辨率種類不多，因為當時電腦本來就少，即使有變化也是 800 850 870 880。比如 傳誠信的網頁就是固定寬度為998來定制的。

后來隨著顯示器越來越多，以及筆記本的普及，這種方式的頁面出現了問題。于是出現了一種新的布局方式寬度自適應布局。我們平時談論的自適應布局，大多指的就是寬度自適應布局。

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

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

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

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

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

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

哪些網站適合響應式設計
1. 移動App開發者的公司網站和單獨的App網頁；
2. 希望充分利用互聯網的初創型公司網站；
3. 外貿型企業網站；
4. 新式的電子商務網站；
5. 面向消費者和大眾市場的品牌企業網站；
6. 新興互聯網媒體和網上社區類網站；
7. 傳統媒體向移動互聯網數字化過渡的網站改版；
8. 任何不想放棄移動互聯網用戶的商家和個人網站。