Проблема с адаптивностью сетки в @fluentui/react-northstar@0.49.0

Question

Мы создаем приложение вкладки Teams и, как было предложено Microsoft, используем @fluentui/react-northstar@0.49.0 для элементов управления пользовательского интерфейса. Но нет возможности обеспечить отзывчивость в макетах Grid или pther для настройки элементов управления в зависимости от размера экрана (например, разных размеров экрана, планшета и мобильного телефона). Пожалуйста, дайте мне знать, доступна ли какая-либо опция в этом компоненте, или нам нужно использовать любую внешнюю структуру CSS для этой цели. Заранее благодарим за ответ.

Answer 1

Вы можете использовать сетку https://fluentsite.z22.web.core.windows.net/layout

Причина, по которой вы не видите размеры экрана, заключается в том, что Grid использует flexbox, что не то же самое, что система сетки начальной загрузки, где она показывает вам размеры экрана.

Не знаю, почему существует fluentui northstar, но для Интернета я использую компонент Stack в качестве своей сеточной системы, которая также использует flexbox.