office-ui-fabric - @fluentui/react-northstar@0.49.0 中的网格响应问题
问题描述
我们正在创建一个 Teams 选项卡应用程序,按照 Microsoft 的建议,我们使用 @fluentui/react-northstar@0.49.0 进行 UI 控件。但是没有选项可以在网格或其他布局中提供响应性,以便根据屏幕尺寸(如不同的屏幕尺寸、平板电脑和移动设备)调整其自身的控件。请让我知道该组件中是否有任何选项可用,否则我们需要为此目的使用外部的任何 CSS 框架。提前感谢您的回复。
解决方案
您可以使用网格https://fluentsite.z22.web.core.windows.net/layout
您看不到屏幕尺寸的原因是因为 Grid 使用了 flexbox,这与它显示屏幕尺寸的引导网格系统不同。
不熟悉为什么 fluentui northstar 存在,但对于网络,我使用 Stack 组件作为我的网格系统,它也使用 flexbox
推荐阅读
- python - 对 Polyval 的输出感到困惑
- javascript - 可以在 div 后面获取背景颜色吗?
- php - GAE 将更多域路由到我的主要 appengine 应用程序
- c++ - 使用 Pro*C,如何使用带有构造函数的 C++ 结构,在 EXEC SQL BEGIN DECLARE SECTION 中复制构造函数
- php - select2 将值设置为选定或占位符
- javascript - Using ajax in a callback where the parent process itself relies on an ajax call
- sql - 在解释计划中将日期显示为文字
- c# - 如何更改此代码以允许抽象类或接口在相同的自动生成的类上工作?
- c# - UI线程忙时如何打开另一个有进度条的表单
- php - 无法使用 enctype="multipart/form-data" 获取输入值