響應式頁面設計思路

最近在頁面設計中偶然發現，頁面放縮後的效果完全扭曲，後來仔細思考下，原來是響應式頁面設計理念沒有整合進去，下面從別人那邊摘錄一篇響應式設計思路介紹文章，以後要多點考慮響應式設計。

作為乙個無線部門的人，不懂移動裝置是不行的。而作為乙個無線的重構，不會寫響應式頁面更是不行得。而我，乙個無線的重構，在我最近做的乙個移動端的專案之前，的確是不會寫響應式頁面的，所以，嚴格來說，在這個專案之前，我是乙個不合格的無線重構人。

而這個專案，卻讓我快速地掌握了響應式頁面重構的一些方法。下面就是通過這個專案來總結我在響應式頁面重構學到的東西。

眾所周知，所謂響應式頁面，就是能夠用一套樣式，使你的頁面能夠在不同解析度的螢幕下都有很好的表現形式。響應式web設計，這個概念是ethan marctte 在a list apart 發表的一篇文章「

responsive web design

」中援引響應式建築而得名：

響應式建築（responsive architecture），物理空間應該可以根據存在於其中的人的情況進行相應。

根據我所閱讀過一些文章及資料，我總結出響應式頁面的幾個關鍵組成部分：

通過上面的幾點關鍵技術，我們就可以實現具體的響應式頁面了。看完這篇文章，是不是覺得響應式頁面其實也沒有想象中那麼難呢？那麼，有空自己去試試吧，只有自己動手實現後才能真正理解其中的奧秘哦！！