12px兼容css

12px是CSS中一个常用的字体大小单位，但是在不同的设备和浏览器上，12px的表现可能存在差异，因此需要进行兼容处理。

/* 以下是一种12px兼容处理方法 */

html {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 14px;
  }
}

@media screen and (max-width: 568px) {
  html {
    font-size: 12px;
  }
}

上述代码使用了媒体查询来针对不同大小的屏幕进行字体大小的调整。在大屏幕上，使用16px的字体大小；在中等大小的屏幕上，使用14px的字体大小；在小屏幕上，使用12px的字体大小。

需要注意的是，在使用像素作为字体大小单位时，需要确保网页的缩放比例为100%，否则可能会出现字体大小失真等问题。