禁止手机页面放大缩小
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
@media screen and(max-width: 750px){}
<!DOCTYPE html>
<html>
<head><title></title>
</head><style type="text/css">
div1{width:850px;margin: 400px auto;
}#div1 ul li{float:left;width:93.75px;height:30px;background: pink;list-style: none;
}@media screen and(max-width: 750px){#div1{width:100%;}}
</style>
<body><div id="div1"><ul><li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li><li>导航</li></ul></div>
</body>
</html>