css - 显示 : none; not affecting div after applying media query

Question

    @media all and (min-width: 641px) {
  .small-screen {
    display: none;
    }
  }


<div class="small-screen">
  <h1 id="club-offcial-name-small">Hercules Club</h1>
  <h2 id="no-training-small"><q>Aqui nadie entrena</q></h2>
  </div>

.超过 640px 时小屏幕仍然存在。

伙计们，这里完全是菜鸟，卡在这里很糟糕:/

Answer 1

我认为这只是浏览器支持问题。在 Chrome (codepen) 中，它非常适合我。您使用的是哪种浏览器？这是媒体查询支持的表格:http://caniuse.com/#search=%40media

Codepen: http://codepen.io/anon/pen/ZWYLBJ