为什么我的媒体查询无效？

Question

＆＃13;

＆＃13;

div {
  margin: 0 auto;
  border: 5px solid orange;
  width: 60%;
  font-family: Verdana;
}

.game {
  border: 5px solid black;
 width:30%; margin:0 auto; 
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 20px;
  
}

＆＃13;

<div>
  <div class="game">
  test
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

问题：输出只包含单词＆＃34; SMALL＆＃34;无论屏幕有多宽。

我觉得我错过了一些明显的东西，但对于我的生活，我无法弄清楚它是什么。

Answer 1

请勿使用//在CSS中发表评论..

使用/*..*/

http://www.codeply.com/go/uMSHCzymw3

.small_only {
    display: block;
}
.large_only {
    display: none;
}

/* === Media Queries === */
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .small_only {
        display: none;
    }
    .large_only {
        display: block;
    }
}

<强> 修改

使用ACE编辑器的Codeply的CSS编译器选择了它。