什么是響應式網站

響應式網站的概念是2010年5月由國外著名網頁設計師Ethan Marcotte所提出的，其理念是頁面的設計與開發應當根據用戶行為以及設備環境(系統平臺、屏幕尺寸、屏幕定向等)進行相應的響應和調整。響應式網站的頁面制作設計應根據設備環境(系統平臺、屏幕尺寸)推進相應的響應和調整，也就是說響應式Web設計是一種技能，能夠使網站適應于任何設備。即臺式電腦、筆記本電腦、平板電腦、移動使用等不一樣的設備所見到的內容是不一樣的。 包含橫向、縱向的屏幕。而針對響應式設計的背景則是由于客戶對智能移動手機的青睞日漸升溫，人們對移動手機端的客戶體驗要求也相應提升，那就必須有一個響應式的Web設計，以便能夠從移動終端上很好地訪問你的網站。

自適應網站與響應式網站的區別

自適應網站是使用不同設備瀏覽時呈現不同的網頁，網頁內容及版式風格或相似或完全不同，和PC端屬于不同的網站模板，數據庫內容或相同一致，或獨立不同，目的在于為了符合訪客的瀏覽。針對一些優化人員，更習慣于做到數據庫同步，使PC端的網址和內容與移動端的網址和內容一一對應。

響應式網站是使用不同的設備瀏覽網站時，網站樣式風格、內容和網址都是完全一樣的，PC端和移動端屬于同一個網站模板，數據庫完全一致，也非常符合搜索引擎的優化規則。

為什么需要響應式web設計

由于目前移動設備的大批運用，以及PC表現器的尺寸逐漸顯現較大差別，以前的的web頁面已經不能滿足多種設備的閱讀效果，例如以前的頁面在大閱讀器中會有較大的空白區域，而在小閱讀器已經移動設備中，不能完全表現頁面，或是將頁面縮小至適應移動設備尺寸大小，不能正常閱讀，對于點擊觸點也有作用，很多人會選取放大頁面，在推進閱讀，這樣整個頁面就需要不停的拖動，給客戶的體驗很不好。

響應式網站是以后公司企業網站必然的成長發展方向，不論客戶正在運用筆記本依然是iPad，我們的頁面都應當滿足自動切換分辨率、照片圖片大小及相關聯腳本功能等，以適應不一樣設備；也就是說，頁面應當有能力去自動響使用戶的設備環境。響應式網頁開發設計就是一個網站滿足兼容多個終端而不是為每個終端做一個特定的版本。

響應式界面設計的基本原則

1、可伸縮的內容區塊：內容區塊的在一定程度上能夠自動調整，以確保填滿整個頁面

2、可自由排布的內容區塊：當頁面尺寸變動較大時，能夠減少/增加排布的列數

3、適應頁面尺寸的邊距：到頁面尺寸發生更大變化時，區塊的邊距也應該變化

4、能夠適應比例變化的圖片：對于常見的寬度調整，圖片在隱去兩側部分時，依舊保持美觀可用

5、能夠自動隱藏/部分顯示的內容：如在電腦上顯示的的大段描述文本，在手機上就只能少量顯示或全部隱藏

6、能自動折疊的導航和菜單：展開還是收起，應該根據頁面尺寸來判斷

7、放棄使用像素作為尺寸單位：用dp尺寸等方法來確保頁面在分辨率相差很大的設備上，看起來也能保持一致。同時也要求提供的圖片應該比預想的更大，才能適應高分辨率的屏幕。