[分享]css单位中的绝对值

在CSS中有两种单位：相对值和绝对值。而绝对值又分为像素(px)、点(pt)、毫米(mm)、厘米(cm)、英寸(in)等几种。相对值随视口的大小或者父元素的大小而改变，而绝对值则不受视口或者父元素的大...

在CSS中有两种单位：相对值和绝对值。而绝对值又分为像素(px)、点(pt)、毫米(mm)、厘米(cm)、英寸(in)等几种。相对值随视口的大小或者父元素的大小而改变，而绝对值则不受视口或者父元素的大小影响。

 p {
        font-size: 16px;
        line-height: 20px;
        padding: 10px;
    } 

像素(px)是最常用的绝对单位之一。在设计网页时，像素是用于确定各种元素尺寸的单位，如文本的大小、内边距、外边距以及图片的大小。同时，像素也可以用于媒体查询，以控制网页在不同尺寸的设备上如何显示。

点(pt)、毫米(mm)、厘米(cm)和英寸(in)都是基于打印机的绝对单位。它们在屏幕上的显示可能会受到缩放和像素密度的影响，因此在设计响应式网页时并不常用。然而，在打印网页时，这些单位是非常有用的，因为它们能确保内容在打印时保持一致的大小。

 img {
        width: 5in;
        height: 2in;
        margin: 1cm;
    } 

总体而言，绝对单位适用于那些与视口或父元素大小无关，而是需要在不同的设备上具有一致性的元素。而对于那些需要根据设备屏幕大小调整的元素，则使用相对单位是更为合适的选择。