手机条件CSS媒体查询问题

Question

我正在尝试在手机上以横向模式显示两列，或者以纵向或横向模式显示一列。

由于某种原因，我的 iPad Pro 在纵向模式下显示一栏。谁能帮我理解为什么？

在最大的 iPad Pro 和 iPhone 12 mini 上进行测试，两台机器均处于两个方向。 iPhone 是正确的，一列是纵向，两列是横向。 iPad 横向是两列（正确），纵向是一列（不正确）。

这是我的CSS：

article {
    max-width: 99%;
    columns: 2;
    }

@media only screen
      and (min-width: 375px)
      and (orientation: portrait)
    {
    article {
        columns: 1;
        }
    }

Answer 1

您在媒体查询中使用了

min-width: 375px

– 所有更宽的内容都会有一列。

（也许你的意思是

max-width

？）