如何解决Google chrome 开发工具无法按照我的输入值工作
这是关于 Google chrome 开发工具和 CSS 的问题。如下代码,虽然我在 VSCODE 的样式表中输入了“@media (max-width:1000px)”,但工具在 750px(75%) 处更改为响应式网页设计。我不缩放,并在 html 上写“视口”。比例尺也是1.0。请告诉我解决方案。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8" />
<Meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div></div>
</body>
</html>
div {
width: max(400px,50%);
height: 400px;
background-color: coral;
}
@media (max-width: 1000px){
div {
background-color: blue;
}
}
解决方法
根据我的评论,原因是页面缩放。通过放回变焦,我可以解决这个问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。