box-shadow实现移动端（Retina屏）超细边框

// box-shadow投影方向
// 上
box-shadow:  inset 0px 1px 0px 0px #000;
// 右
box-shadow:  inset -1px 0px 0px 0px #000;
// 下
box-shadow:  inset 0px -1px 0px 0px #000;
// 左
box-shadow:  inset 1px 0px 0px 0px #000;

效果如下：

　　因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。　　

　　在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。

devicePixelRatio的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。

　　多更解决方法参阅：http://www.jianshu.com/p/7e63f5a32636