CSS实现Retina屏幕下的1像素边框

.border,
.border-bottom,
.border-left,
.border-right,
.border-top,
.border-top-bottom {
	position: relative
}

.border-bottom:after,
.border-left:after,
.border-right:after,
.border-top-bottom:after,
.border-top:after,
.border:after {
	/* #ifndef APP-NVUE */
	content: ' ';
	/* #endif */
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	box-sizing: border-box;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	// 多加0.1%，能解决有时候边框缺失的问题
	width: 199.8%;
	height: 199.7%;
	transform: scale(0.5, 0.5);
	border: 0 solid #ccc;
	z-index: 2;
}

.border-top:after {
	border-top-width: 1px
}

.border-left:after {
	border-left-width: 1px
}

.border-right:after {
	border-right-width: 1px
}

.border-bottom:after {
	border-bottom-width: 1px
}

.border-top-bottom:after {
	border-width: 1px 0
}

.border:after {
	border-width: 1px
}