为什么媒体查询根本不起作用？

Question

基本上无论我尝试使用媒体查询、最大/最小宽度、屏幕/全部，无论我编辑页脚背景或任何其他背景或颜色或显示非，它都不起作用！

我确实添加了元视口标签。我在单独的样式表中有 css 样式。

  <div id="collection">

     <div class="wrapper" id="wrap1">
        <a href="#">

           <div>
           </div>

        </a>
     </div>

  </div>

  <footer id="foot">

     <div>Lorem, ipsum dolor</div>

  </footer>

  <style>
        
      @media all and (max-width= 400px) {
         #foot { display: none; }
      }

  </style>