Material-UI - понимание упрощения 10px - PullRequest
Новая
       19

Material-UI - понимание упрощения 10px

2 голосов
/ 07 февраля 2020

Я не понимаю, почему мы должны сделать это для упрощения 10px: 

html {
   font-size: 62.5%; /* 62.5% of 16px = 10px */
}

Не предполагалось, что следующий код сделает всю работу? 

const theme = createMuiTheme({
  typography: {
    // Tell Material-UI what's the font-size on the html element is.
    htmlFontSize: 10,
  },
});

Заранее спасибо.

1 Ответ

2 голосов
/ 07 февраля 2020

Свойство htmlFontSize typography в теме не контролирует размер шрифта элемента html; это просто говорит Material-UI, какой размер вы использовали на нем. Затем Material-UI использует этот размер для управления тем, как он преобразует единицы измерения px в единицы rem при определении размеров шрифта для всех различных вариантов типографики.

...