前端开发app用的尺寸主要有两种单位:像素(Pixel)和设备独立像素(DP或DIP)。
像素是屏幕上最小的可见点,是由显示器的硬件决定的,通常用px表示。在前端开发中,我们用像素来表示屏幕上的元素大小,如字体大小、图片大小等。
设备独立像素是一种抽象的单位,它是为了适应不同分辨率的设备而提出的。在不同分辨率的设备上,同样大小的元素在像素上的表现是不同的,为了让元素在不同分辨率的设备上显示的大小相同,就需要使用设备独立像素。
设备独立像素通常用DP或DIP表示,它是一个相对单位,它的大小与屏幕的物理尺寸和分辨率有关。在不同分辨率的设备上,1DP对应的像素数量是不同的,通常是根据设备的像素密度来计算的。
设备的像素密度是指在单位长度内的像素数量,通常用DPI或PPI表示,它的值与设备的分辨率和屏幕尺寸有关。例如,一台分辨率为1080*1920,屏幕尺寸为5英寸的手机,在水平和垂直方向上的像素密度分别为:1080/5=216 DPI和1920/5=384 DPI,平均像素密度为300 DPI。
在前端开发中,为了让元素在不同分辨率的设备上显示的大小相同,可以使用CSS的单位来表示元素的大小,如px、em、rem、vh、vw等等。其中,px是绝对单位,表示像素,它的大小是固定的;而em、rem、vh、vw等是相对单位,它们的大小是相对于元素的父元素或根元素的大小而定的。当使用相对单位来表示元素的大小时,不同分辨率的设备上,元素的大小是相对一致的。
总之,前端开发app用的尺寸主要有两种单位:像素和设备独立像素。为了适应不同分辨率的设备,可以使用相对单位来表示元素的大小,如em、rem、vh、vw等。在实际开发中,需要根据具体的需求和设备特性来选择合适的尺寸单位。