reactjs - 在移动浏览器中打开时 react Material ui 不响应

Question

我正在尝试使用 React Material ui 库构建一个移动 Web 应用程序。

但似乎 Material UI 组件没有响应。它们在桌面上显示得很好，但是当我在移动浏览器上打开它时，字体很小。

Material UI 不是用来构建移动应用程序的吗？为什么它甚至没有响应？

Answer 1

您必须在该部分中添加指令。

添加到您启动应用程序的项目中:

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

视口(viewport)是用户在网页上的可见区域。它因设备而异，在手机上会比在电脑屏幕上小。

视口(viewport)元素为浏览器提供有关如何控制页面尺寸和缩放的说明。

width = device-width 部分将页面的宽度设置为设备的屏幕宽度。

initial-scale = 1.0 部分设置浏览器中的第一个缩放。