移动端的那些事？

vieport视口详解

viewport是一个视口，表示的是用户浏览的范围
它的几个属性值
width:规定viewport的宽度，可以是一个指定的宽度，也可以是device-width，意思是跟随设备的宽度
height:规定viewport的高度
initial-scale:初始缩放的比例，即每一次加载页面的比例
maximum-scale:允许用户缩放到的最大的比例
minimum-scale:允许用户缩放道德最小的比例
user-scaleable:是否允许用户缩放，可以传值喂yes或者no

移动端的几种布局方式

百分比布局
媒体查询加rem布局
弹性布局
vw 和 vh布局

移动端1px物理像素问题

解决办法
使用伪元素来实现
.border-bottom-1px::after {
	content: '';
	display: block;
	width: 100%;
	border-top: 1px solid rgba(7,17,27,.2);
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleY(0.5);
}
一个border的设置，将元素设置绝对定位，width：100%，height:1px，left和top为0，在进行Y缩放的0.5倍