在PC端看起来还不错,但是在手机端就很难看,0.5px的分割线会有一种细腻的感觉。使用常见的写法border:solid0.5pxred;iPhone可以正常显示,Android下几乎所有浏览器都会将0.5识别为0,即无边框状态。原理是为需要加边框的元素插入一个伪类。使用绝对定位,然后给伪类加上1px的边框,最后缩放0.5倍。transform的缩放和旋转默认是根据元素的中心点进行操作的。outline元素的大小为缩放0.5前的红框元素。缩放后,位置在红框的中心。为了保持在左上角,我们需要在缩放前做。左:-50%;顶部:-50%位移。0.5px边框
