同一页中的商品卡片需要在宽主栏中横排、在窄侧栏中竖排。哪种机制能直接表达这个约束？

同一页中的商品卡片需要在宽主栏中横排、在窄侧栏中竖排。哪种机制能直接表达这个约束？

1. 针对卡片宿主的 inline-size 容器查询
2. 名为 tablet 的视口媒体查询
3. JavaScript 用户代理检测
4. 悬停媒体查询