当使用 create-react-app
和 Material-UI 来创建移动端 H5 页面时,你需要考虑几个关键点来确保页面在移动设备上表现良好。以下是一些步骤和最佳实践:
-
创建 React 项目
使用
create-react-app
快速创建一个新的 React 项目:npx create-react-app my-mobile-app cd my-mobile-app
-
安装 Material-UI
安装 Material-UI 和相关的样式库:
npm install @material-ui/core @emotion/react @emotion/styled // 或者使用 yarn yarn add @material-ui/core @emotion/react @emotion/styled
-
设置移动端视口
在
public/index.html
文件中,确保你设置了正确的视口(viewport)meta 标签,