如何在rem布局中实现1像素边框?

2 min read

在rem下实现1像素可以使用以下方法:

  1. 使用border实现,设置border-width为0.01rem,border-style为solid。
  2. 使用viewport的meta标签设置缩放比例,将1像素的线条放大,再缩小至1像素大小。例如:
  3. 使用CSS的伪元素实现,如::after或::before,使用transform:scale(0.5)将0.5px的线条缩放至1px大小。

需要注意的是,实现1像素线条可能会因为浏览器和设备的不同而存在一定的兼容性问题。