[已解决]关于网页自适应

无心柳 · 发表于 2019-12-26 18:48:34

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.zmx{
height: 200px;
width: 200px;
background-color: #1B6D85;
display: block;

}
@media screen and(max-width:500px) {
.zmx{
height: 200px;
width: 400px;
background:blue;
display: block;

}

}
</style>
</head>
<body>
<span class="zmx"></span>

</body>
</html>
这么写对不对，为什么拉伸页面没有变化

最佳答案

月排行榜 / 总排行榜

wongyusing

2019-12-26 23:08:59

在head标签里面加上下面的代码试试

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

跳转到最佳答案楼层

隔壁家的杰瑞 · 发表于 2019-12-26 22:18:04

本帖最后由隔壁家的杰瑞于 2019-12-26 23:12 编辑

写入的格式出了错，“screen and”与后面的括号之间应该有个空格

wongyusing · 发表于 2019-12-26 23:08:59

这个最佳答案由 wongyusing 给出，感谢 wongyusing 的回答。

单击隐藏图章

在head标签里面加上下面的代码试试

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

账号		自动登录	找回密码
密码			立即注册