Как изменить глобальный fontSize в соответствии с медиа-запросом в React Material-UI? - PullRequest
0 голосов
/ 11 января 2019

Я пытаюсь изменить fontSize (по умолчанию это 14 согласно документации). Я хотел сделать 18, если у меня дисплей Full HD (то есть: 1920 * 1080 или «@media screen and (max-width: 1900px)»). Поэтому я верю, что это изменит другие шрифты всех шрифтов, которые находятся в «rem» и основаны на этой глобальной типографии fontSize.

Я даже пытался применить медиа-запрос в моей теме. Overide js.

const themeOverrides = {
    typography: {
        fontFamily: 'Ubuntu, sans-serif',
        '@media screen and (max-width: 1600px)': {
            fontSize: 16
        },
         '@media screen and (max-width: 1900px)': {
            fontSize: 18
        }
    },
}

Но не работает согласно условию.

...