Reactjs 材料用户界面响应_Reactjs_Responsive Design_Material Ui

Reactjs 材料用户界面响应

reactjs responsive-design material-ui

Reactjs 材料用户界面响应,reactjs,responsive-design,material-ui,Reactjs,Responsive Design,Material Ui,我正在使用react js和material ui创建一个web应用程序，但我在应用程序中没有得到响应。这是我头部标签中的代码： <head> <meta charset="utf-8" /> <link href="https://fonts.googleapis.com/css?family=Righteous|Roboto" rel="stylesheet"> <link rel="stylesheet" typ

我正在使用react js和material ui创建一个web应用程序，但我在应用程序中没有得到响应。这是我头部标签中的代码：

<head>
    <meta charset="utf-8" />  

    <link href="https://fonts.googleapis.com/css?family=Righteous|Roboto"  rel="stylesheet">
    <link rel="stylesheet" type="text/css" charset="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" />
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" />

    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />

    <title>React App</title>
</head>


反应应用程序

如果使用

npm

安装材质ui，则无需硬编码索引文件中的任何脚本或CSS链接。通过npm安装的模块将处理所有注入

// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

如果您坚持不使用npm，请在索引

head

标记处包含以下内容

<script src="https://unpkg.com/@material-ui/core/umd/material-ui.production.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">

一个非常简单的复制粘贴表单材质ui示例表明，它工作正常且完全响应

在该示例中，您可以看到网格是响应性的，并且在减少页面大小时会堆叠起来。

这段代码中的材质ui css在哪里？请您提及我缺少的那一行@Amir Mousavi您在响应性方面遇到了什么样的问题？请显示不符合预期的部件代码，并描述当前行为与所需行为的比较。事实上，我已经使用npm安装了material UI，您能告诉我其他可能的原因吗？如果您可以重新/产生您的问题，我当然可以看一看。但是，仅仅看到这里的索引文件，没有任何东西可以清楚地知道原因是什么