由于不同的手机有不同的像素密喥导致的如果移动显示屏的分辨率始终是普通屏幕的2倍,1px的边框在devicePixelRatio=2的移动显示屏下会显示成2px所以在高清瓶下看着1px总是感觉变胖了
单条border樣式设置:
优点:所有场景都能满足,支持圆角(伪类和本体类都需要加border-radius)
缺点:对于已经使用伪类的元素(例如clearfix)可能需要多层嵌套
实现这种兼容方案相对比较完美,适合新的项目老的项目修改成本过大。
优点:所有场景都能满足一套代码,可以兼容基本所有布局
缺点:老項目修改代价过大只适用于新项目
利用css 对阴影处理的方式实现0.5px的效果
优点:代码量少,可以满足所有场景
缺点:边框有阴影颜色变浅