1物理像素线

发布于：2024年04月07日

#概念

使用缩放而非直接写 0.5px 的像素，避免了小数在不同手机的处理不同的问题

css
.mod_grid {
  position: relative;
  &::after {
    content: '';
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ddd;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      -webkit-transform: scaleY(0.5);
      -webkit-transform-origin: 50% 0%;
    }
  }
}