移动端1像素的解决方案？

使用 CSS3 的 transform: scale()：

可以通过将元素进行缩放来实现1像素线条的效果。例如，可以创建一个高度为 1 像素的伪元素，并使用 transform: scaleY() 将其缩放至所需的宽度。

使用 border-image：

可以创建一个包含1像素线条的 PNG 图片，并使用 CSS3 的 border-image 属性将其应用到元素的边框上。通过调整 border-image-slice 和 border-width 来实现1像素线条的效果。

使用 viewport units：

使用 viewport units（视窗单位）如 vw 和 vh 来设置元素的尺寸和间距。由于 viewport units 是相对于视窗大小计算的，因此可以根据屏幕的像素密度自动调整元素的大小，从而实现1像素线条的效果。

使用伪元素和 transform:scale() 结合：

结合伪元素和 transform 缩放，可以在需要的地方应用1像素线条。例如，可以创建一个伪元素，并使用 transform: scaleY() 缩放它的高度为1像素，然后将其放置在需要的位置。

使用 CSS3 的 box-shadow：

使用 box-shadow 属性可以创建一个1像素宽的阴影，并调整偏移量和模糊度来控制线条的位置和清晰度。