首页 > 解决方案 > @fluentui/react-northstar@0.49.0 中的网格响应问题

问题描述

我们正在创建一个 Teams 选项卡应用程序,按照 Microsoft 的建议,我们使用 @fluentui/react-northstar@0.49.0 进行 UI 控件。但是没有选项可以在网格或其他布局中提供响应性,以便根据屏幕尺寸(如不同的屏幕尺寸、平板电脑和移动设备)调整其自身的控件。请让我知道该组件中是否有任何选项可用,否则我们需要为此目的使用外部的任何 CSS 框架。提前感谢您的回复。

标签: office-ui-fabricfluent-ui

解决方案


您可以使用网格https://fluentsite.z22.web.core.windows.net/layout

您看不到屏幕尺寸的原因是因为 Grid 使用了 flexbox,这与它显示屏幕尺寸的引导网格系统不同。

不熟悉为什么 fluentui northstar 存在,但对于网络,我使用 Stack 组件作为我的网格系统,它也使用 flexbox


推荐阅读