移动端和桌面端的区别
Differentiate between mobile and desktop
我有一个组件应该根据设备更改布局。
在移动设备上它应该堆叠内容，例如：
https://codesandbox.io/s/material-demo-forked-ktoee?file=/demo.tsx
在桌面上，内容应放置如下：
https://codesandbox.io/s/ykyng?file=/demo.tsx
如何用 flex 解决？
这在没有媒体查询的情况下实现了相同的效果。 flexbox 容器设置为用
换行到多行
弹性包装：包装；
使用
将文本设置为可用 space
弹性增长：1；
并且最小宽度为 400px
弹性基础：400px；
我有一个组件应该根据设备更改布局。
在移动设备上它应该堆叠内容，例如：
https://codesandbox.io/s/material-demo-forked-ktoee?file=/demo.tsx
在桌面上，内容应放置如下：
https://codesandbox.io/s/ykyng?file=/demo.tsx
如何用 flex 解决？
这在没有媒体查询的情况下实现了相同的效果。 flexbox 容器设置为用
换行到多行弹性包装：包装；
使用
将文本设置为可用 space弹性增长：1；
并且最小宽度为 400px
弹性基础：400px；