如何为两个单元格创建响应式 css 网格布局，以选择是垂直堆叠还是水平堆叠，以最大化第二个单元格的面积？ (或一些近似启发式)
本质上，菜单单元格的尺寸应为 (min-content, min-content)，主体单元格的尺寸应分别为 (auto, 100%) 或 (100%, auto)，分别用于水平和垂直情况。我只是不确定如何 1. 使用 css 网格来实现任何接近此行为的东西，以及 2. 使用 css 根据主体单元格的面积选择水平或垂直布局。
最佳答案
使用@media 并设置第二个单元格width:100%; 为水平布局
关于html - 只有 2 个单元格的响应式 css-grid，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59140904/