[html5]前端一定要知道的关于手机界面的知识点viewport(2)

计算像素密度的公式： 

勾股定理算出对角线的分辨率：√(1920²+1080²)≈2203px

对角线分辨率除以屏幕尺寸：2203/5≈440dpi。

3、什么是ppi、dpi、dp、dip、sp、px?

ppi：pixels per inch，屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度。

dpi：dots per inch，最初用于衡量打印物上每英寸的点数密度，就是打印机可以在一英寸内打多少个点。当dpi的概念用在计算机屏幕上时，就称之为ppi。ppi和dpi是同一个概念，Android比较喜欢使用dpi，IOS比较喜欢使用ppi。

dp、dip：dp和dip都是Density Independent Pixels的缩写，密度独立像素，可以想象成是一个物理尺寸，使同样的设置在不同手机上显示的效果看起来是一样的。

在Android中，规定以160dpi为基准，1dp=1px。如果密度是320dpi，则1dp=2px，以此类推。

Android和IOS都会通过转换系数让控件适应屏幕的尺寸。一个按钮给了44*44dp的大小，在160dpi密度的时候，按钮就是44*44px大小;在320dpi密度的时候，按钮就是88*88px的大小。不需要我们去书写多套尺寸。

sp：scale independent pixels，用法与dp类似，是专门用来定义文字大小的，受用户android设备字体设置的影响。

px：就是通常所说的像素，使网页设计中使用最多的长度单位。将显示器分成非常细小的方格，每个方格就是一个像素。(网页重构中使用的px和屏幕分辨率的px不一定是一样的大小。)

4、什么是mdpi、hdpi、xdpi、xxdpi?

Google官方指定按照下列标准区分不同设备的dpi：