对于新手而言,可能听到px单位含义并不了解,那么什么是px呢?
px缩写来自于pixel,即像素单位,指的是屏幕上的像素点。在web开发中,px是CSS中最常见的长度单位,一般的网页制作时都是基于px单位来定义元素的大小。
当然,随着近些年移动端的流行,使用rem等可自适应单位已经成为主流,但px仍然是最基础的单位之一。由于px直接定义了像素点的大小,所以它具有绝对的精准度。如果两个像素的距离为1px,那么这只能是同一屏幕下物理像素点的距离,其会随着屏幕的大小而改变。
另外,px单位的大小是没有被规定的,这就为写作者提供了一定程度上的自由度。实际上,各个浏览器会根据自己内部像素设置来定义1个屏幕像素,所以同样的CSS代码在不同的设备上,1px所表示的实际像素数量是不一样的。
需要注意的是,在CSS开发中,应该尽量减少使用px单位,尤其是移动端的开发。因为像素的数量随着屏幕尺寸的变化而改变,所以定义一个固定的屏幕像素在不同的设备上展现效果的差异会非常大。假如我们的界面在4K高分辨率的显示器下面显示正确,但是在普通电脑上显示得很小,而且lis 对于大多数人来说,手动调整浏览器缩放比例是不友好的。