移动项目开发中，安卓或者IOS等高分辨率屏幕会把1px的border渲染成2px来显示，网上搜了一下，解决方法如下：

一、利用css中的transform的缩放属性解决，推荐这个。如下面代码。

这个主要利用after伪类进行缩放。调用公共class，还是很方便的。

目前在用这个方法，使用很方便，无须多余的class，可惜支持的不是很好，IOS8+以上才可以。

最先用的就是这个方法，IOS没问题。很多安卓机显示就是坨翔，黑乎乎的描边。。

也能实现效果，使用很不方便

显示效果有点模糊，而且万一以后要修改个颜色，那不坑爹了。

所以，目前推荐第一种方法。