我正在开发一个响应式网站,我想更改 html div 顺序,同时使其具有响应性。调整浏览器大小后,有什么方法可以更改 html 顺序?insertBefore、insertAfter 和 .replaceWith() 在这种情况下没有用。
桌面 html
<div class="list-wrapper">
<div class="col c1">column 1</div>
<div class="col c2">column 2</div>
<div class="col c3">column 3</div>
<div class="col c4">column 4</div>
<div class="col c5">column 5</div>
</div>
响应式 html
<div class="list-wrapper">
<div class="col c1">column 1</div>
<div class="col c5">column 5</div>
<div class="col c2">column 2</div>
<div class="col c3">column 3</div>
<div class="col c4">column 4</div>
</div>