移动端开发初识

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改宽高）