网页设计计算公式 第1篇
计算公式:
PPI=√(X^2+Y^2)/ Z
(X:长度像素数;Y:宽度像素数;Z:屏幕大小)
就是用手机分辨率的长的平方加上宽的平方和再开方,再除以手机屏幕尺寸
举个栗子:
iPhone4s: 960X640, 326ppi
计算:
ppi=√(960^2+640^2)/
计算约为330与官方的326差别不大
小米3:
5英寸屏幕,分辨率1080 × 1920,440ppi
计算:
ppi=√(1080^2+1920^2)/ 5=440ppi
图片解释一下这个关系(图片来自网络):
网页设计计算公式 第2篇
px:pixel,像素,屏幕上显示的最小单位,是相对值;是设计师在ps里常用单位。
pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,是绝对值;
PPI:pixel(dot)per inch,每英寸的像素(点)数,是一个率,表示“清晰度”,“精度”;值越高,越清晰。一般被用于ps中,用来改变图像的清晰度。
DPI:Dots Per Inch,每英寸点数,表示指屏幕密度。最初应用于打印技术中,它表示每英寸能打印上的墨滴数量。较小的DPI会产生不清晰的图片。
em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性。
DP:安卓专用长度单位。
SP:安卓专用字体单位。
网页设计计算公式 第3篇
px单位是绝对单位,一般用于pc端网页开发。因为是绝对单位所以在移动端上的使用体验并不是很好
举例:
pc端
移动端
px单位在pc端都是200px,并没有随着屏幕尺寸而变换