如何使开关按钮组响应？

Question

我有一个材料ui切换按钮列表。在便携式计算机/台式机浏览器上，我希望它是嵌入式的，在移动设备上，它应该以列而不是单行显示：

<div  style={{display: 'flex', flexWrap: 'wrap', justifyContent: 'space-between'}}>

<Switch inputProps={{ 'aria-label': 'primary checkbox' }} style={{display: 'inline-block', width: 'auto'}} />
      <Switch disabled inputProps={{ 'aria-label': 'disabled checkbox' }} style={{display: 'inline-block', width: 'auto'}} />
      <Switch disabled checked inputProps={{ 'aria-label': 'primary checkbox' }} style={{display: 'inline-block', width: 'auto'}} />
</div>

我尝试了多种样式，以上使它对于台式机浏览器是内联的，对于移动浏览器，我该如何处理呢？