Reactjs Antd中的固定宽度列？

我已经阅读了Antd的和关于和的文件。我不明白的是如何在Antd中完成以下设计：

• 我希望我的应用程序有一个单中心列

• 在宽屏幕（横向客户端）上，中间的列应该相当窄。就网格而言，可能是8个单位

• 在窄屏幕（纵向客户机）上，中柱应使用相对较大的 宽度。就网格而言，如果屏幕尺寸非常窄/小，最多24个单元

基本上，这听起来像是我在寻找一个最大宽度的好旧容器。显然，我可以想出一些自定义CSS来设计自定义的

，但这让我想知道：

• 是我遗漏了什么，还是真的没有办法用Antd的布局系统实现这一点
• 如果是这样，我在现代UI设计理念方面是否做错了什么

---

我们已经做到了这一点。不完全是通过蚂蚁设计，但在这里面使用了很多蚂蚁设计
我不确定还有什么其他解决办法，但我们就是这样做的。您提到的容器是我们网站的父容器，其他所有内容都在这个容器中呈现
我们在主容器内创建了一个路由（作为底部选项卡，对我们来说很方便），并将其最大宽度设置为420px。由于所有内容都包含在底部选项卡中，因此我们的应用程序在横向客户端上居中，并在纵向模式下填充宽度
代码清晰。（这是一款react应用程序）
应用程序容器CSS：

.App {
  text-align: center;
   height: 100vh !important;
}

.parentcontainer {
  height: calc(100vh - 50px);
  max-width: '100%';
  display: inline-block;
  width: 100vw;
}

父容器CSS：

.App {
  text-align: center;
   height: 100vh !important;
}

.parentcontainer {
  height: calc(100vh - 50px);
  max-width: '100%';
  display: inline-block;
  width: 100vw;
}

选项卡CSS：

position: 'fixed',
padding-bottom: '10px',
bottom: '0',
width: '100%',
max-width: '420px',

这对我们来说很有效，行为就是你想要的