移动端适配小技巧

移动端不同屏幕适配：

var g = document.documentElement.clientWidth / 320 ;
document.getElementById('eqMobileViewport').setAttribute("content", "width=320, initial-scale=" + g + ", maximum-scale=" + g + ", user-scalable=no");

1px：

p{
	padding: 10px;

	text-align: justify;
	position: relative;
}
p:after{
	content: '';
	display:block;
	height: 1px;
	left: 0;
	right: 0;
	position: absolute;
	bottom: 0;
	background-color: #000;
	transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}

 

转载于:https://my.oschina.net/wefatory/blog/692924