<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>viewport</title>
<!--meta name="viewport"，可以帮助我们设置移动端的页面。方便做适配
content里面：
width代表手机页面的宽度，
正常填写device-width。
maximum-scale：最大放大倍数
minimum-scale：最下缩小倍数
initial-scale：页面初始比例
user-scalable：是否允许用户缩放
-->
<!--<meta name="viewport" content="width=640,maximum-scale=2.0,minimum-scale=1,initial-scale=1"/>-->
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<style type="text/css">
body{
margin: 0;
}
div{
width: 350px;
height: 200px;
background-color: red;
}
</style>
</head>
<body>
<div>dsadsadsa</div>
</body>
</html>
网友评论