很多企業(yè)或者個人站長在做網(wǎng)站設計的時候，首先遇到的問題就是“以哪個尺寸進行設計？”
當前市場設備眾多，既要兼容pc端不同尺寸，又要兼容平板、手機、電視等不同尺寸，甚至還有蘋果端和安卓端不同來搗亂。你必須在不影響網(wǎng)站美感的前提下調(diào)整它的大小，以適應網(wǎng)站。這就是響應式設計的用武之地。
然而，早起的企業(yè)或者個人站長卻沒有這么幸運——
1、網(wǎng)頁設計：黎明前的黑暗
當互聯(lián)網(wǎng)天地初開之時，Web Design 僅僅意味著字符和空格的排列組合。雖然圖形化的界面早在80年代初就有了，但在此時普及率并不高。直到90年代，圖形化界面才真正進入千家萬戶。
2、表格（table）：網(wǎng)頁的興起
能夠顯示圖片的瀏覽器的誕生，是促使網(wǎng)頁設計這個行業(yè)誕生的重要先決條件。實際上在當時，最接近于信息結(jié)構(gòu)化的概念，是HTML中已有的元素：表格（Table）。所以，David Siegel 在他的網(wǎng)頁設計書《Creating Killer Sites》講述了他設計優(yōu)秀網(wǎng)站的秘訣：在表格中嵌套表格，將靜態(tài)的表格和動態(tài)的表格以巧妙的方式結(jié)合到一起。盡管表格本身是用來承載數(shù)據(jù)的，用來承載內(nèi)容和圖片有點奇怪，但是在那個時代，這種方法依然顯得頗為靠譜，并且大行其道。
3、Flash：自由的黃金時代
Flash為網(wǎng)頁開發(fā)者/設計師帶來了前所未有的自由，它打破了之前網(wǎng)頁設計所固有的限制。借助Flash，設計師可以隨心所欲地在網(wǎng)頁上展現(xiàn)任何形狀、布局、動畫和交互，可以使用任何喜歡的字體，他們借助Flash熔于一體。
不幸的是，這種設計并不開放，也不利于搜索，還需要消耗計算機大量的運算能力。2007年，當蘋果發(fā)布他們的第一臺iPhone的時候，就決定徹底放棄Flash，也正是在這個時候，F(xiàn)lash開始走下坡路——至少在網(wǎng)頁設計領域。
4、CSS的誕生
差不多是在Flash崛起的同時，一種更好的網(wǎng)頁結(jié)構(gòu)化設計工具CSS誕生了。CSS的基本概念是將網(wǎng)頁內(nèi)容的樣式分離出來，所以網(wǎng)頁的外觀和格式等屬性將會在CSS中被定義，但內(nèi)容依然保留在HTML中。早期版本的CSS并沒有現(xiàn)在那么靈活，和許多新事物一樣，它最大的障礙在于許多瀏覽器還沒來得及接納這一新技術，對于開發(fā)者而言，這是一個頭疼的事情。需要明確說明的是，CSS并非全新的編程語言，它僅僅只是一種聲明性語言。
5、響應式網(wǎng)頁設計
驚才絕艷的設計師Ethan Marcotte決定挑戰(zhàn)傳統(tǒng)的網(wǎng)頁設計，它讓網(wǎng)頁在內(nèi)容不變的前提下，布局隨著窗口和屏幕的變化而變化，并且將這種設計命名為響應式網(wǎng)頁設計。
網(wǎng)頁設計師依然只需要HTML和CSS就可以實現(xiàn)這種功能，不得不承認這種設計理念非常超前。不過大家對于響應式設計依然有些許誤解。對于設計師而言，響應式設計意味著為設計許多不同的布局。對于用戶而言，響應式設計就意味著這個網(wǎng)頁可以在手機上完美瀏覽。對于開發(fā)者而言，響應式設計意味著如何控制好網(wǎng)站圖片應付移動端和桌面端，在不同情形和語義下，擁有良好的下載速度和呈現(xiàn)效果，等等。簡而言之，就是一個網(wǎng)站能在任何情況下良好展現(xiàn)。至少在這一點上，所有人能達成共識。
縱觀互聯(lián)網(wǎng)發(fā)展史，我們可以看到一些曾經(jīng)流行的技術逐漸變得過時，人們?nèi)栽诔掷m(xù)構(gòu)建更好的互聯(lián)網(wǎng)。在這個時代，用戶體驗已經(jīng)成為首要關注點，任何應用都應該考慮性能和設計要讓用戶滿意。
從這一點來看，響應式設計已經(jīng)成為兵家必爭之地。您的網(wǎng)站還不是響應式設計嗎？快來新網(wǎng)咨詢吧：
http://www.rugbycreeksporthorses.com/jianzhan/webdesign.html