Html 大于400px时如何使div水平堆放

我想创建几个包含新闻的div（display:inline block）。如果这些div大于400px，则其宽度应为50%。否则，每个分区应为100%宽

类似这样的东西（伪代码）

$minwidth=400px；
如果（宽度<$min宽度）{
设置宽度：100%；}
否则{
设置宽度：50%；
}

看这把小提琴：）

---

这对你有用。以及其响应性；）

工作起来很有魅力。谢谢

$min-width=400px;
if(width < $min-width) {
  set width: 100%; }
else {
  set width: 50%; 
}