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

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

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