【发布时间】：2019-12-12 20:39:48
【问题描述】：
最小宽度 768 的 css 在移动设备中无法正常工作。但是相同的 css 在 chrome 桌面浏览器中宽度小于 768 的 inpect 模式下正常工作。
@media only screen and (min-width: 768px){
#main {
max-width: 75%;
float: left;
}
}
但是当我在检查工具中切换到移动模式时，它再次无法正常工作。
我正在尝试编辑博客经典主题。 博客链接https://egadgetdeals.blogspot.com/2019/11/what-youll-build-in-part-1.html?m=1
【问题讨论】：
-
如果您单击该元素然后再次单击它，它是否仍然显示该 css？我认为您的视图正在缓存，就像您单击该元素然后将其放入设备视图中一样，它会向您显示其他不应该出现的旧样式。如果您认为这实际上是一个问题，您可以尝试在 jsfiddle.net 中重新创建它
-
如果要刷新，它会自行排序吗？甚至关闭检查员并重新打开？我发现开发工具中的模拟器有一些不一致之处，直到我在选择移动模拟器或新视口大小后关闭并重新打开检查器
-
刷新页面看看是不是一样
-
我什么都试过了，还是不行
标签： html css web-deployment blogger