[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
- 前言
- 中文字體
- 移動Web適配方案
- !移動Web基礎!
- 詳解適配相關概念
- 移動開發之設計稿
- 移動適配方案(一)
- 移動適配方案(二)
- vw+rem 實現移動端布局
- 移動端適配之雪碧圖(sprite)背景圖片定位
- 適配 iPhoneX
- 前端開發實戰
- 打造自己的前端開發流程(Gulp)
- flexible.js案例講解
- viewport 與 flexible.js解讀
- 圖片與字體
- 踩過的坑
- 瀏覽器默認樣式
- 300ms點擊延遲和點擊穿透
- ios css
- CSS 常見問題
- Ionic v1混合開發
- Native App、Web App 、Hybrid App?
- ionic項目結構
- 混淆加密
- 解決問題
- cordova
- 環境配置
- 打包發布
- 問題
- 移動前端開發優化
- Web開發之抓包
- ===web移動開發資源===
- H5組件框架
- 調試集合
- 簡單h5調試
- whistle
- devtools-pro