css - 当窗口较窄时每行一个 div，当窗口较宽时每行更多 div

Question

我的页面上有多个独立的框，都使用 {float:left}。他们周围没有其他东西可以干扰。

当窗口很窄时，我希望框为 {width:100%}。当窗口的宽度足以让两个盒子并排放置时，我希望这些盒子为 {width:50%}。

我该怎么做？

Answer 1

媒体查询:

@media screen and (min-width:600px){
     div{width:50%; float:left;}
}

Demo