1px on retina
一直以来我们实现边框的方法都是设置 border: 1px solid #ccc
,但是在retina
屏上因为设备像素比的不同,边框在移动设备上的表现也不相同:1px
可能会被渲染成1.5px, 2px, 2.5px, 3px....
,在用户体验上略差,所以现在要解决的问题就是在retina
屏幕实现1px
边框。
如果你去google
类似问题,诚然会找到所谓的”答案“,然后很开森的用到项目中了。运气好的话,Yeah成功模拟1px了,运气不好了可能遇到各种奇葩的表现让你抓狂。
这篇文章总结了目前常用的模拟1px
的方法,并分析各个方法的利弊。