[CSS]使用transform实现1px边框遇到的问题
前言
由于移动端屏幕的像素密度都非常高，css中的1px呈现在屏幕中，往往不止1个物理像素，看起来比较粗，设计师很难满意。这和devicePixelRatio有关。
用transform实现看起来比较细的边框是一个很简单的方案，在移动端兼容性也非常好，不需要多余的资源，当然，肯定要多些几行代码。
由于移动端屏幕的像素密度都非常高，css中的1px呈现在屏幕中，往往不止1个物理像素，看起来比较粗，设计师很难满意。这和devicePixelRatio有关。
用transform实现看起来比较细的边框是一个很简单的方案，在移动端兼容性也非常好，不需要多余的资源，当然，肯定要多些几行代码。