移动web

移动web

1. 移动开发像素知识

px：逻辑像素，浏览器使用的抽象单位
dp，pt 设备无关像素
dpr：设备像素缩放比
计算公式： 1px=（dpr）² * dp
iphone的dpr=2
dpi 每英寸可以喷的墨汁点
ppi 屏幕每英寸的像素数量，即单位英寸的像素密度
现在，二者表达的意思是一样的.

2. viewpoint

visual viewport =layout viewport *scale
layout viewport 布局
不使用默认的980px的布局viewport
- 宽度不可控制
- 页面缩小显示
- 链接不可点
- 有缩放，缩放后又有滚动

3. viewpoint——meta

4. viewpoint——coding