html - Flexbox 更改响应顺序

Question

此图像显示了桌面版本的网格：

这张图片在移动设备上显示了相同的网格：

要求：

• 在桌面上，A 高度等于 B/C 和 D 之和
• 在桌面上，D宽度等于B和C之和
• 在移动设备上，我应该得到命令：D、A、B、C

我试过这个网格复制 D 的 HTML，但在我的项目中，复制它并显示/隐藏它是不可接受的。

标签： htmlcssflexbox

Answer 1

必须用flex来完成吗？改用网格会很容易。