px: css puxels逻辑像素,浏览器使用的抽象单位
dp,pt: device independent pixels设备物管像素
dpr: devicePixelRadio 设备像素缩放比 计算公式: 1px = (dpr)^2*dp; iphone5的dpr= 2;
dpi: 打印机每英寸可以喷的墨汁点
ppi: 屏幕每英寸的像素书响亮,即单位英寸内的像素密度
dp,pt: device independent pixels设备物管像素
dpr: devicePixelRadio 设备像素缩放比 计算公式: 1px = (dpr)^2*dp; iphone5的dpr= 2;
dpi: 打印机每英寸可以喷的墨汁点
ppi: 屏幕每英寸的像素书响亮,即单位英寸内的像素密度
2015-09-20
讲得不错,之前在接触移动端的时候,虽然知道要设置viewport,但是对里面的设置了解得并不多,只知道是那样用,谢谢老师
2015-09-20
为什么不适用默认的980px布局的viewport
* 宽度不可控制,不同系统不同设备的默认值都可能不同
* 页面缩小版显式,交互不友好
* 链接不可点
* 有缩放,缩放后又有滚动
* 宽度不可控制,不同系统不同设备的默认值都可能不同
* 页面缩小版显式,交互不友好
* 链接不可点
* 有缩放,缩放后又有滚动
2015-09-20
px: css puxels逻辑像素,浏览器使用的抽象单位
dp,pt: device independent pixels设备物管像素
dpr: devicePixelRadio 设备像素缩放比 计算公式: 1px = (dpr)^2*dp; iphone5的dpr= 2;
dpi: 打印机每英寸可以喷的墨汁点
ppi: 屏幕每英寸的像素书响亮,即单位英寸内的像素密度
dp,pt: device independent pixels设备物管像素
dpr: devicePixelRadio 设备像素缩放比 计算公式: 1px = (dpr)^2*dp; iphone5的dpr= 2;
dpi: 打印机每英寸可以喷的墨汁点
ppi: 屏幕每英寸的像素书响亮,即单位英寸内的像素密度
2015-09-20