CSS Media Query根据宽度最大化元素

Question

我想构建一个CSS查询，通过使用限制200px计算可容纳在另一个框中的框数来响应我的宽度。

  

显示第一个框。

     

如果width / 200px = 2，则显示第二个框

     

如果width / 200px = 3，则显示第三个框

...

类似的东西：

div:not(:nth-of-type(1)){
 display:none;
}
@media only screen and (min-width:200px){
 div:nth-of-type(2){
  display:block;
 }
}
@media only screen and (min-width:400px){
 div:nth-of-type(3){
  display:block;
 }
}
@media only screen and (min-width:600px){
 div:nth-of-type(3){
  display:block;
 }
}

......等等。

有没有办法创建单个查询来完成此任务？