Css 我正在尝试使用“最大宽度”和“最小宽度”对背景颜色应用媒体查询，但浏览器在不同维度上应用了查询

html{
字体大小：62.5%；
}
h1{
字号：6rem；
}
@介质（最大宽度：400px）{
html{
字号：2px；
}
}
@介质（最小宽度：625px）和（最大宽度：800px）{
身体{
背景色：红色；
}
}

你好，Lorem ipsum，
Lorem ipsum dolor sit amet，奉献精英。Doloribus，sit.

在HTML5中，必须将视口定义为设备宽度

html{
字体大小：62.5%；
}
h1{
字号：6rem；
}
@介质（最大宽度：400px）{
html{
字号：2px；
}
}
@介质（最小宽度：625px）和（最大宽度：800px）{
身体{
背景色：红色；
}
}

你好，Lorem ipsum，
Lorem ipsum dolor sit amet，奉献精英。多洛里巴斯，坐下

对我来说就像预期的那样。你的其他css文件似乎覆盖了这一点。打开开发工具并再次检查。我能想到的另一个原因是，你把浏览器的缩放设置为125%，所以所有东西都变大了，比如800px变为1000px。把它改回100%

ctrl+0

（零）就可以了。

…但是当我的最小宽度为782px，最大宽度为999px时，chrome会应用颜色查询。

这不排除你的答案吗？我检查了我的html文件，查看端口已经设置为设备宽度。你不使用其他CSS文件，比如bootstrap吗？@George我正在学习纯CSS，计划学习flexboxnext@MrT我不明白你的意思。当我的宽度在625-800px之间时，我尝试对背景颜色应用媒体查询，但当我在开发工具中检查并更改宽度时，它会在782-999px之间更改背景颜色