css能用dp做单位么?

dp即dip(device independent pixels),长度单位(设备独立像素)。它是最常用但也最难理解的尺寸单位,与“像素密度”密切相关。

什么是像素密度?

假设有一部手机,屏幕的物理尺寸为1.5英寸x2英寸,屏幕分辨率为240x320,则我们可以计算出在这部手机的屏幕上,

每英寸包含的像素点的数量为240/1.5=160dpi(横向)或320/2=160dpi(纵向),160dpi就是这部手机的像素密度,像素密度的单位dpi是Dots Per Inch的缩写,即每英寸像素数量。

横向和纵向的这个值都是相同的,原因是大部分手机屏幕使用正方形的像素点。

不同的手机/平板可能具有不同的像素密度,例如同为4寸手机,有480x320分辨率的也有800x480分辨率的,前者的像素密度就比较低。

Android系统定义了四种像素密度:低(120dpi)、中(160dpi)、高(240dpi)和超高(320dpi),它们对应的dp到px的系数分别为0.75、1、1.5和2,这个系数乘以dp长度就是像素数。

例如界面上有一个长度为“80dp”的图片,那么它在240dpi的手机上实际显示为80x1.5=120px,在320dpi的手机上实际显示为80x2=160px。

如果你拿这两部手机放在一起对比,会发现这个图片的物理尺寸“差不多”,这就是使用dp作为单位的效果

css能用dp做单位么?

css不能用dp做单位,CSS没有DP单位。

CSS提供了最接近的单位是视区百分比单位:

  • VW - 等于包含块的初始宽度的1%

  • VH - 等于包含块起始高度的1%

  • VMIN - 等于VW或VH的小

  • VMAX - 等于VW或VH的更大

唯一的手机浏览器要注意的是不支持这些单位是Opera。

更多前端开发知识,请查阅 HTML中文网 !!

以上就是css能用dp做单位么?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读