[TOC] http://www.uml.org.cn/ajax/201503025.asp?artid=17353 http://zikoman.lofter.com/post/3bf3bb_6da8d80 *** 首先思考一下：問題所在？ 1. 響應式網頁的真正目的是使網頁適應任何屏幕，任意比例和寬度的互聯網產品。這些遠遠超出了手機（所謂移動端）的范疇。完美的東西是不存在！ 2. 別試圖適應任何屏幕，應該根據自己的用戶進行有針對性的測試，這樣操作性更強。 3. 設備尺寸大小差異太大，如果只是一張圖片，像素太高就會加載很慢，像素太低就會顯示不清晰，所以你得有幾種尺寸去適應多種設備。 4. 加載速度，在移動端尤為重要，而且也顯得很明顯。 5. SEO對響應式網頁的支持非常好。搜索引擎希望提供的內容對用戶更友好。 6. 網頁設計常會從印刷排版中汲取靈感。 7. 當我們幾年前開始做響應式設計時，我們會先創建一個pc網站，然后增加媒體查詢為小尺寸屏幕改寫樣式。我們發現這種做法并不正確。現在我們都知道創建CSS最好是先從小尺寸屏幕開始。畢竟變大是容易的——樹會生長，嬰兒會長大——縮減很困難。有沒有試過精簡一輛汽車？一定程度是可能的，但還是很辛苦。 在大多數情況下，從小尺寸屏幕做起是合乎邏輯的。當要把東西做的更大時，我們只需要為大尺寸屏幕添加一些媒體查詢然后調整布局就可以了。但我認為這并不是真的指小屏幕，而說的是默認狀態。 ## 參考 http://caibaojian.com/book/ http://caibaojian.com/c/mobile http://caibaojian.com/links http://caibaojian.com/t/rem