react material ui не реагирует при открытии в мобильном браузере

Я пытаюсь создать мобильное веб-приложение, используя библиотеку react material ui.

но, похоже, материальные компоненты пользовательского интерфейса не реагируют. Они очень хорошо отображаются на рабочем столе, но когда я открываю его в своем мобильном браузере, шрифты очень маленькие.

разве material UI не предназначен для создания мобильных приложений? Почему он даже не реагирует?

enter image description here

1 ответов


вы должны добавить директиву в разделе.

добавить в проект, в котором вы инициируете приложение:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Окно просмотра-видимая область веб-страницы пользователя. Это зависит от устройства и будет меньше на мобильном телефоне, чем на экране компьютера.

элемент viewport дает инструкции браузера о том, как управлять размерами и масштабированием страницы.

width = device-width часть устанавливает ширину page to the screen-ширина экрана устройства.

начальный масштаб = 1.0 часть установить первый масштаб в браузере.