Html 为什么@media-only屏幕和（最小宽度：768px）也适用于小于768px的屏幕宽度

最小宽度768的css在mobile中工作不正常。但在chrome桌面浏览器中，同样的css在宽度小于768的inpect模式下工作正常

@media only screen and (min-width: 768px){
#main {
    max-width: 75%;
    float: left;
}
}

但当我在inspect tool中切换到移动模式时，它再次无法正常工作

我试图编辑博客的经典主题。

---

博客链接

元标记视口为避免丢失缩放，请将此添加到头标记中：

---

如果您关闭该元素，然后再次单击它，它是否仍然显示该css？我认为您的视图正在缓存，就像您单击了该元素，然后将其放在设备视图中一样，它将显示其他不可能的旧样式。如果你认为这实际上是一个问题，你可以试着在一个文件中重新创建它。如果你想刷新它，它会自动排序吗？甚至关闭inspector并重新打开？我发现Dev tools中的emulator存在一些不一致，直到我在选择移动仿真器或新的viewport sizeJust refresh页面后关闭并重新打开inspector，然后查看是否看到相同的内容我尝试了所有操作，但仍然不起作用检查链接您可以在此链接上找到有关它的更多详细信息