有可能在台式机和移动设备中混合使用flexbox方向吗

Question

在桌面中，我希望我的div在一行中，但在移动设备中，我想要我的第二个div在新行中(第一个和第三个在同一行(。这可能吗？

台式机与移动

Answer 1

我想我自己找到了一个解决方案。。。不确定这是否是正确的方法，但我认为它有效。：(.面板在我上面的图片中排名第二。

桌面

.panel {
padding: 0;
overflow: hidden;
color: #999;
font-size: 25px;
line-height: 30px;
flex: 1 1 auto;
display: none;
}

移动

.panel {
order: 3; 
flex: 0 0 auto;
width: 100%;
padding-top: 20px;
}