[分享]css中1cm等于多少像素

CSS中的1cm是指1厘米，而像素是网页上常用的一种度量尺寸。所以，1cm等于多少像素呢？在不同的屏幕分辨率下是不同的。/ 以下是一些常见的屏幕分辨率以及1cm等于多少像素的值 / / 屏幕分辨率为7...

CSS中的1cm是指1厘米，而像素是网页上常用的一种度量尺寸。所以，1cm等于多少像素呢？在不同的屏幕分辨率下是不同的。

/* 以下是一些常见的屏幕分辨率以及1cm等于多少像素的值 */

/* 屏幕分辨率为72dpi */
@media print {
  body {
    /* 1英寸 = 72px */
    /* 1厘米 = 28.35px */
    /* 1cm = 28.35px */
  }
}

/* 屏幕分辨率为96dpi */
@media screen and (max-resolution: 96dpi) {
  body {
    /* 1英寸 = 96px */
    /* 1厘米 = 37.79px */
    /* 1cm = 37.79px */
  }
}

/* 屏幕分辨率为120dpi */
@media screen and (min-resolution: 120dpi) {
  body {
    /* 1英寸 = 120px */
    /* 1厘米 = 47.24px */
    /* 1cm = 47.24px */
  }
}

/* 屏幕分辨率为144dpi */
@media screen and (min-resolution: 144dpi) {
  body {
    /* 1英寸 = 144px */
    /* 1厘米 = 56.69px */
    /* 1cm = 56.69px */
  }
}

/* 屏幕分辨率为192dpi */
@media screen and (min-resolution: 192dpi) {
  body {
    /* 1英寸 = 192px */
    /* 1厘米 = 75.59px */
    /* 1cm = 75.59px */
  }
}

/* 屏幕分辨率为240dpi */
@media screen and (min-resolution: 240dpi) {
  body {
    /* 1英寸 = 240px */
    /* 1厘米 = 94.49px */
    /* 1cm = 94.49px */
  }
} 

如上所示，1cm等于多少像素要根据屏幕的分辨率来判断，而不同的分辨率下1cm等于多少像素是不同的。所以在编写CSS时，需要根据不同的屏幕分辨率来设置不同的尺寸。