最近遇到了一個比較複雜的移動端頁面，就重新學習了一下移動端的屏幕適配。發現水很深！
先來說說我最近接觸的一些頁面，都是比較簡單的，舉個相似的例子，拉鉤網iphone6下顯示效果：
iphone5下顯示效果：
ipad下顯示效果：
可以看出這類的頁面有兩大特點：
- 頂部和底部的部分不管怎樣，高度和位置都不會變
- 中間的信息不管怎樣，都是分了三塊，最左邊和最右邊的信息，還有中間的信息
這種頁面是一種典型的彈性佈局：
元素高度和位置都不變，只有容器元素在做伸縮變換。
這類頁面是適配佈局裏面的基礎佈局，對於這類的頁面，只要做到：文字流式，控件彈性，圖片等比縮放，如圖（轉自http://www.cnblogs.com/lyzg/p/4877277.html）所示：
通俗一點，width可以用百分比，高度用px作爲單位。屢試不爽啊~
但是拉鉤網專門對iPhone4做了適配（轉自http://www.cnblogs.com/lyzg/p/4877277.html）：
如果啊到的設計稿是基於iphone4設備大小的，就沒有問題。如果難到的是大屏幕設計稿，就要考慮小屏幕的適配問題了。