Материал интерфейса отзывчивый - PullRequest
Новая
       8

Материал интерфейса отзывчивый

0 голосов
/ 11 февраля 2019

Я работаю над созданием веб-приложения, использующего реагирующий js и материал ui, но я не получаю отзывчивость в приложении.Это код в моей голове тега: 

<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>

1 Ответ

0 голосов
/ 11 февраля 2019

Если вы используете npm для установки material-ui, нет необходимости жестко кодировать какие-либо сценарии или ссылки CSS в индексном файле.установленный модуль через npm будет обрабатывать все инъекции. 

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

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

, если вы настаиваете на том, чтобы не использовать npm, включите в индекс head tag 

<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">

оченьпростая code-sandbox , в которой примеры вставленных копий форм материала-пользовательского интерфейса показывают, что он работает правильно и полностью реагирует,

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

...