Я использую компоненты Material-ui
в проекте ReactJs
, по какой-то причине мне нужно настроить некоторые компоненты, чтобы они реагировали в соответствии с шириной экрана.
Я добавил media query
и передал его как атрибут стиля в компонентах, но не работал, какую-либо идею?
Я использую такой код
const drawerWidth = {
width: '50%',
'@media(minWidth: 780px)' : {
width: '80%'
}
}
<Drawer
.....
containerStyle = {drawerStyle}
>
</Drawer>
Код работает только в Интернете, а на мобильных устройствах нет никакого эффекта. даже код CSS не применяется, я проверил в dev. приставка. Я использую версию материала-ui 0.18.7.
Любая помощь будет оценена по достоинству.
PS: В соответствии с требованием мне нужно внести некоторые изменения в соответствии с размером экрана с помощью CSS.