CSS:2列，具体取决于横向模式

我现在正在开发一个ionic应用程序。使用一个显示项目的列表。然后，我被要求在横向中更改显示。我尝试实现的是：当手机处于横向模式时，将两列放置在一行中，而不是通常的列表。经过一些研究，我发现了媒体查询，并且可以使用它

@media all and (orientation: landscape) {  
column-count:2;
width:50%;
}

我真的不知道如何做到这一点。

---

谢谢你

所以你找到了答案，问题是什么？把

@media all和（方向：横向）{}

放在你的样式表中，任何你想只应用于横向的css，都放在里面：

@media all和（方向：横向）{.columns{column count:2；}

-@Pete是的，实际上这就是我代码中缺少的。我会试试看你需要一个CSS选择器。@jetom说实话，我不知道那是什么。但我解决了它。