且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

手机端web学习基础--from慕课网

更新时间:2022-09-22 11:02:43

1 web基础知识

1.1 pixel移动开发像素知识

  •  px:css pixels逻辑像素,浏览器使用的抽象单位
  • dp,pt:device independent pixels设备无关像素
  • dpr:devicePixelRatio设备像素缩放比

计算公式: 1px = (dpr)2*dp

为什么iphone5是320px*568px?-》

1
因为dpr=2,即 1px=4dp,对应到长度(纬度),边长为2的正方形,长度1px=2dp.那么iphone5d 640*1136对应到px单位就是:320*568
  • DPI:打印机每英寸可以喷的墨汁点(印刷行业)
  • PPI:屏幕每英寸的像素数量,即单位英寸内的像素密度

目前,在计算机显示设备参数描述上,二者表达的是一样的。

计算公式:ppi = √(11362+6402)/4=326ppi(视网膜Retina屏)。注意:单位为硬件像素,非px.

可视度越低,系统默认设置缩放比越大。

手机端web学习基础--from慕课网

 

Retina屏(高清屏):dpr都是大于等于2

手机端web学习基础--from慕课网

 

本文转自Ryan.Miao博客园博客,原文链接:http://www.cnblogs.com/woshimrf/p/5234941.html,如需转载请自行联系原作者