移动端自适应

手机网页设置网自适应方法：

在网页头部加上这样一条meta标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

解释：

width=device-width ：宽度等于设备屏幕的宽度。
initial-scale=1.0：表示：初始的缩放比例。
minimum-scale=0.5：表示：最小的缩放比例。
maximum-scale=2.0：表示：最大的缩放比例。
user-scalable=yes：表示：用户是否可以调整缩放比例。

css 兼容 判断屏幕宽度
@media screen and (min-width: 1200px) {
#body{
width: 1200px;
margin:auto;
}
}