使用媒体查询实现移动端适配

使用媒体查询实现移动端适配

	<meta name="viewport"
	      content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover,initial-scale=1.0"/>

width=device-width : 让当前viewport 宽度等于设备宽度
initial-scale=1.0 ： 页面的初始缩放值为不缩放
minimum-scale=1.0 ： 允许用户的最小缩放值为1.0
maximum-scale=1.0： 允许用户的最大缩放值为1.0
user-scalable=no： 禁止用户缩放
viewport-fit=cover