2023年，通過移動裝置上網的人數將超過pc端。在未來，設計移動裝置將成為web開發人員的首要任務。
響應式設計似乎被看做成未來的設計方向，但我不贊同。今天，我要解釋為什麼我認為響應式設計並不是web設計的最佳解決方案。
什麼是響應式設計？
維基百科對響應式設計是這麼介紹的：
響應式web設計是**製作使用的乙個疊層樣式表( css3media queries)，結合流體網格適應各種布局，還可靈活使用影象。使用者可跨越不同裝置和瀏覽器的限制，訪問相同內容，布局也利於閱讀和瀏覽，只需細微的調整、平移或滾動。**設計將根據裝置特定的解析度或是螢幕尺寸進行調整。按上述定義來看，響應式設計看來很有發展前途。
在某些情況下，我也是響應式設計的擁護者。比如，乙個桌面web應用無法有效地呈現在移動裝置螢幕上時，響應式設計就起到了作用。谷歌地圖就是乙個很好的例子：可以500%提高開發效率的前端ui框架！
桌面顯示
手機顯示
我要解釋為什麼我認為在很多情況下響應式設計是不值得的。
1. 違背使用者期望
可用性101（usability 101）第一條規則就是滿足終端使用者期待，混淆終端使用者是web設計中最大的敗筆。然而，這正是響應式設計所做的。
以部落格為例。最普遍的「標準」部落格設計，頁面最上方是標題，下面分為兩欄，一欄是部落格內容，另一欄是其他內容。數以百計的部落格**設計基本如此，因為這樣易於操作，而這就是人們所期望的。
如果你訪問乙個響應式設計開發的部落格，傳統的側邊欄肯定會消失，有可能被移到頁面的頂部或是底部。但有一件事可以肯定，這並不是你所期望的。可以500%提高開發效率的前端ui框架！
採用響應式設計技術在手機中顯示：
無論是導航欄，還是工具欄都消失了。經過多次滾動頁面，在頁面底部終於發現了原先的側邊欄，但導航欄依舊無跡可尋。
也許，會有響應式設計的擁護者稱，這個**只是乙個失敗的簡單示例。但是，你們不要忘記，這個**剛剛被評為10個「優秀」的響應式web設計**。我認為這是響應式設計的典型例子。其實，我很迫切能在手機上看到桌面版的布局。
2. 高成本、效率低
通常響應式設計會比非響應式設計耗時更長，成本更高。初始資金一般是捉襟見肘，如果還要額外支付一大筆資金用於響應式設計，會讓人非常痛苦。
有人認為，響應式設計的費用比從零開發乙個單獨的移動**更佳實惠，我同意這個說法。但是你知道什麼比響應式設計更便宜嗎？那就是非響應式設計。響應式設計除了耗時較長，其開發也相對的複雜。
你認為你的**不使用響應式設計就會完蛋，這是錯誤的想法。試問自己，響應式設計給你帶來的回報是什麼？如果你認為非響應式設計的**，就不能給移動使用者提供服務，這個想法也是錯誤的。這就是我下面要講的內容。
3. 非響應設計工作原理可以500%提高開發效率的前端ui框架！
在mac上訪問我的部落格：
到目前為止，**運營正常。我的**是基於woo themescanvas theme，開發時並沒有使用響應式設計。
在iphone上訪問我的部落格：
在iphone 4s視網膜螢幕上，非響應式設計完全可以縱向顯示**布局。
如果你覺得縱向文字區域顯示拘謹，可橫向轉動裝置**，如下：可以500%提高開發效率的前端ui框架！
還可以通過雙擊螢幕，放大文字內容。
現在的移動裝置都可有效地顯示非響應式web設計**。但也有例外，有些非結構化設計**在pc上顯示的並不盡人意。
很多時候，乙個設計優秀的桌面**，可以在移動裝置上完美的呈現出原有布局。
4. 載入效益低
移動裝置通常是通過子寬頻連線網際網路（網速低），所以**開發應更精簡，以確保最佳的載入時間。
雖然這是乙個合理的建議。但實際上，許多響應式設計並沒有考慮載入的問題，許多設計師都習慣在頁面中隱藏無用元素。雖然這不是最好的做法，但卻是最常見的做法。
最佳（非響應式）解決方案是使用延遲載入，這是載入密集元素的最終解決方案。這是一段影象延遲載入**，可用於你的**。
5. 折衷
響應式設計可看作為是一種「折衷」，使用取決於設計師的主觀決定。就算**使用該技術，在移動裝置上也無法呈現出桌面布局的最佳效果。
由於移動裝置上布局的改變，會讓很多移動使用者難以接受或適應，從而會流失使用者。
我認為在移動平台上，「折衷」並不比非響應式設計效果更佳，尤其這種方案需花費更長時間和成本。
結束語1. 我認為，在許多情況下，響應式設計完全不必要。
2. 在網際網路上，明顯缺乏反對響應式設計的論據。可以500%提高開發效率的前端ui框架！
世上沒有十全十美的東西，但響應式設計卻似乎得到乙個「免費通行證」，能抵擋大部分建設性的批評。
我不反對響應式設計理論，但在很多簡單的情況下並沒有使用的必要性。其實很多人都是跟風，所以才這麼做。也許你應該花一些時間考慮是否真的需要響應式設計，你的訪客是否真的可從中真正受益。
響應式web設計
initial scale 1.0 script 不使用width px 只使用百分比寬度width xx 或者width auto 字型也不能使用絕對大小 px 而只能使用相對大小 em 如 font normal 100 helvetica,arial,sans serif 字型大小是頁面預設大...
響應式web設計
響應式網頁設計是時下網頁設計領域最熱門的話題之一，該概念由著名網頁設計師 ethan marcotte 在2010年5月份提出，其目標是要讓設計的 能夠響應使用者的行為，根據不同終端裝置自動調整尺寸。簡而言之，就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。那麼，怎麼實現響應式設計呢？...
響應式Web設計
設計師熟知的在印刷 的控制功能，常常也會期望web 會有，但是他們僅僅限制在列印出來的頁面上才能使用。我們必須接受這樣的事實 web根本沒有同樣的限制和為這樣的彈性準備的設計。但是首先我們必須接受這種落差和流程。英國建築師christopher wren有一次開玩笑說他選擇了乙個 以永恆為目標 的領...