CSS 媒体查询不起作用（添加了元视图端口）

Question

我的网站在桌面上看起来就像我想要的那样。我今天开始添加一个媒体查询，认为它对我来说会像过去一样直接，但这次它不想为我工作。我添加了元视图端口（使用 Emmet 快捷方式“！”自动添加），但没有骰子。

我只想将 flex 方向切换到 column 并将 div 切换到 100vw。我在这里添加了黄色作为自己的视觉参考。

@media only screen and (max-width: 720px) {
  text__main {
    min-width: 100vw;
    background-color: yellow;
    
  }
  container {
    display: flex;
    flex-direction: column;
}
  menu {
    display: none;
  }
} 

我们将不胜感激任何指导。该网站目前令人眼花缭乱，内容反映不佳。

非常感谢。

Answer 1

您的CSS selectors 似乎写错了。而不是 text__main 尝试 .text__main 等等与其他选择器（菜单可以是一个 HTML 标签，所以也许它应该保持现在的样子）。