61,115
社区成员
发帖
与我相关
我的任务
分享响应式网页布局，不能控制放缩，媒介查询也不起作用，求解。
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width;user-scalable=no;" /><!--语句并没有起到作用,页面还是可以放缩-->
<title>Login</title>
<link media="screen" rel="stylesheet" href="../css/login.css" />
</head>
<body>
<div id="login">
</br>
<h2>登录</h2>
<form id="loginForm">
<input id="user" name="user" placeholder="登录账号" />
<input id="pwd" name="pwd" placeholder="登录密码" />
<button id="submit" >登录</button>
<button id="forget">忘记密码</button>
</br>
</form>
</div>
</body>
css中的媒介查询也没有作用：
@media screen and(min-device-width:300px){
body{background-color:#000;}
#submit,#forget,#user,#pwd{height:25px;}
}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width;user-scalable=no;" /><!--语句并没有起到作用,页面还是可以放缩-->
<title>Login</title>
<link media="screen" rel="stylesheet" href="../css/login.css" />
</head>
<body>
<div id="login">
</br>
<h2>登录</h2>
<form id="loginForm">
<input id="user" name="user" placeholder="登录账号" />
<input id="pwd" name="pwd" placeholder="登录密码" />
<button id="submit" >登录</button>
<button id="forget">忘记密码</button>
</br>
</form>
</div>
</body>
css中的媒介查询也没有作用：
@media screen and(min-device-width:300px){
body{background-color:#000;}
#submit,#forget,#user,#pwd{height:25px;}
}
...全文
请发表友善的回复…
发表回复
zzzccccccccccc 2015-10-03
- 打赏
- 举报
老衲没有明白啊啊啊啊啊
zhituji 2015-10-03
- 打赏
- 举报
测试工具的原因，插手机可以控制到。
业余草 2015-09-30
- 打赏
- 举报
css中的媒介查询也没有作用：
@media screen and(min-device-width:300px){
body{background-color:#000;}
#submit,#forget,#user,#pwd{height:25px;}
}
多设置几个值
