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

Question

最小宽度768的CSS在移动设备中无法正常工作。但是，在chrome桌面浏览器中，宽度小于768的同一个CSS在检查模式下可以正常工作。

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

但是当我在检查工具中切换到移动模式时，它再次无法正常工作。

我正在尝试编辑Blogger经典主题。 博客https://egadgetdeals.blogspot.com/2019/11/what-youll-build-in-part-1.html?m=1

的链接

Answer 1

为避免缩放丢失的meta标签视口，请将其添加到head标签中：

from DBConnections import Connect mydb = Connect()