[分享]css厘米实现现实中的厘米

在现实生活中，厘米是我们经常使用的长度单位之一，那么在网页开发中，我们如何使用CSS实现厘米长度单位呢？首先，我们需要了解CSS中的长度单位。常见的CSS长度单位有： px：像素，是相对于显示器分辨率...

在现实生活中，厘米是我们经常使用的长度单位之一，那么在网页开发中，我们如何使用CSS实现厘米长度单位呢？

首先，我们需要了解CSS中的长度单位。常见的CSS长度单位有：

 px：像素，是相对于显示器分辨率的单位；
    em：相对长度单位，基准是父元素的字体大小；
    rem：相对长度单位，基准是根元素的字体大小；
    %：相对长度单位，基准是父元素的大小；
    vw/vh：相对视口长度单位，1vw表示视口宽度的1%。

这里我们需要用到的是px单位和换算关系。1厘米等于25.4像素，也就是说，我们可以使用CSS的长度单位px来代表厘米长度单位。

 {length: 25.4px;}

以上是把厘米直接转换成像素的做法，但是我们也可以使用CSS3提供的calc()方法，根据所需长度转换成像素数值。

 {length: calc(1cm / 2.54);}

这样我们就可以使用CSS实现现实中的厘米长度啦。