Javascript 如何在调整窗口大小时重新排列几个div-jQuery或CSS

我想询问一些建议或想法，如何在调整窗口大小时更改几个

div

s的位置（例如在移动设备上）

问题是，我无法为桌面用户创建一个

div

，为移动用户复制相同的

div

，然后根据窗口大小为其中一个用户执行

display:none

，因为

div

必须具有唯一的

id

所以我需要用CSS或jQuery来实现它。如有任何意见，将不胜感激。这就是我需要的：

这是一个

---

谢谢大家!

将flexbox与“order”属性和媒体查询一起使用

---

或者，这可能通过使用“float”属性和媒体查询来实现，具体取决于您的用例

将flexbox与“order”属性和媒体查询一起使用

---

或者，这可能通过使用“float”属性和媒体查询来实现，具体取决于您的用例

您可以使用媒体查询来进行此操作

@media (max-width:768px){
 .b, .a {
    display: block;
    float: none;
    height: auto;
 }
}

JS

var标志=true；
$（窗口）。调整大小（函数（）{
如果（$（this）.width（），您可以使用媒体查询来查询

@media (max-width:768px){
 .b, .a {
    display: block;
    float: none;
    height: auto;
 }
}

JS

var标志=true；
$（窗口）。调整大小（函数（）{
如果（$（this）.width（）怎么办？将
a1
和
b1
包装在同一个div中，将
a2
和
b2
包装在另一个div中是合乎逻辑的，这将实现您想要的效果，而无需JS在设计结束时，父级
是否将可见（一些边框、背景、框影等）或者你要删除当前的边框并使其不可见？那又如何？将
a1
和
b1
包装在同一个div中，将
a2
和
b2
包装在另一个div中是合乎逻辑的，这样可以在不需要JS的情况下实现你想要的效果在你的设计结束时，父级
是否会可见（一些边框、背景、方框阴影等），还是要删除当前边框并使其不可见？这不会改变内部div的顺序：（@user3132858好的，太好了！记得检查上一个版本测试您的解决方案，效果很好！感谢您花费一些时间帮助解决问题！这不会改变内部div的顺序：（@user3132858好的，太好了！记得检查上一个版本测试您的解决方案，效果很好！感谢您花费一些时间帮助解决问题！