Html 如何仅使用css切换2 div的顺序？

我想知道如何为移动用户更改这两个div的顺序，只使用css或js。PHP不是一个选项，因为我使用的是全页缓存。这应该只发生在变量产品上，我认为较低的div对于变量产品有不同的类名，所以我认为这不应该是一个问题

这是网页：

---

这是一个屏幕截图，显示了我需要切换位置的2个div：

使用flexbox，您可以更改包装器div中div的顺序。 使用@media查询，您可以根据屏幕大小进行查询。 我制作了一个简单的代码示例。你应该能够适应它

.包装纸{ 显示器：flex； 弯曲方向：立柱； } /*对于移动设备-将最大宽度更改为您想要的任何宽度*/ @媒体屏幕和最大宽度：540px{ .wrapper>firstDiv{ 顺序：2； } .wrapper>secondDiv{ 顺序：1； } } /*对于其他，请在此处更改最小宽度*/ @媒体屏幕和最小宽度：540px{ .wrapper>firstDiv{ 顺序：1； } .wrapper>secondDiv{ 顺序：2； } } 这通常是第一次 这通常是第二个