这是我的CSS的一部分:
@media (max-width: 800px) {
body {
background:black;
background-image:none;
font-size:30px;
}
#logo {
width: 100%;
height: 100%;
}
.mobile {
display: inline;
align-content: center;
font-size:60px;
}
.longtext {
display: none;
}
}
在chrome上,当我调整窗口大小时,它会更改为我想要的设置,但是当要使用devtools进行响应检查或在移动设备上访问时,它根本不起作用。没有一个设置。
Heeeelp
您应该在中添加此元标记<head></head>
。来自MDN的更多信息
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句