html - 在移动屏幕中交换 2 div 的顺序

Question

我有 2 个 div。

在高清屏幕上我有:

<div>1</div>
<div>2</div>

但我需要在移动设备上使用媒体查询-

<div>2</div>
 <div>1</div>

我只是想更改移动屏幕中 div 的顺序。 任何 fiddle 都会非常有帮助

谁能帮我完成这件事？高度赞赏。提前致谢。

Answer 1

如果你有一个 flexbox布局，您可以在媒体查询中使用 order CSS 属性。但这需要您将两个 div 包装到一个具有 display: flex 的容器中。阅读链接指南以获取有关 flexbox 的更多信息。