移動端開發初識

1. 開發環境
移動端比PC端發展稍慢，主流手機瀏覽器內核均爲-webkit-
手機屏幕尺寸碎片化嚴重
能夠經過chrome模擬測試

2. 視口
通常分爲三種：佈局、視覺、理想（由喬布斯的構思延伸到目前主流視口）
meta中的視口標籤<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

3. 二倍圖
物理像素：手機出廠已設置好的像素點px（開發與物理像素比：早期1：1，在摩托羅拉的Retina下爲1：2）
Retina：把像素點壓縮到一塊屏幕，提升分辨率（視網膜屏幕技術）
多倍圖：看公司實際開發的須要（相隨backgroundsize改寬高）

移動端開發初識 文章轉載：http://www.shaoqun.com/a/472291.html