Material-ui: Font terlalu kecil di aplikasi react dengan contoh skrip ketikan

Dibuat pada 5 Mar 2018  ·  3Komentar  ·  Sumber: mui-org/material-ui

Saya mendasarkan aplikasi saya pada https://github.com/mui-org/material-ui/tree/v1-beta/examples/create-react-app-with-typescript

Saya mencoba memasukkan navbar yang sangat dasar:

const styles: StyleRulesCallback<'root'> = theme => ({
  root: {
    textAlign: 'center',
    paddingTop: theme.spacing.unit * 20,
  },
});

class App extends React.Component<WithStyles<'root'>, {}> {

  render() {
    return (
      <div className={this.props.classes.root}>

          <AppBar>
            <Toolbar>
              <Typography variant="title" color="inherit">
                 Title
              </Typography>
            </Toolbar>
          </AppBar>

      </div>
    );
  }
}

export default withRoot(withStyles(styles)<{}>(App));

Sepertinya semua font dalam komponen material ui berukuran kecil. tombol, pilih, typograhy.

Misalnya, mengapa saya melihat ini:
Imgur

alih-alih https://material-ui-next.com/demos/app-bar/

Maksud saya, mengapa fontnya sangat kecil?

image

question

Komentar yang paling membantu

Orang dapat menonaktifkan perilaku aksesibilitas ini dengan menyetel gaya berikut:

html {
  font-size: 16px;
}

Semua 3 komentar

Elemen h2 yang dirender oleh Tipografi memiliki font-size diterapkan untuk varian itu: 1.3125rem .

Sebagai unit untuk ukuran font, rem adalah kelipatan dari ukuran font dasar default , biasanya ditentukan untuk elemen html . Periksa dokumen Anda, apakah ada ukuran font yang ditentukan pada elemen html ?

Apakah Anda dapat mereproduksi ini di codesandbox ?

Selain itu, hal semacam ini sangat cocok untuk StackOverflow . Jika Anda memposting pertanyaan, Anda kemungkinan besar akan mendapatkan bantuan. Ada banyak anggota komunitas yang aktif di sana. Masalah berbeda dengan pertanyaan dukungan.

Kami akan meminta lebih banyak informasi dari Anda, tetapi sekilas, ini tampaknya tidak menjadi masalah dengan material-ui.

Orang dapat menonaktifkan perilaku aksesibilitas ini dengan menyetel gaya berikut:

html {
  font-size: 16px;
}
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

mb-copart picture mb-copart  ·  3Komentar

finaiized picture finaiized  ·  3Komentar

anthony-dandrea picture anthony-dandrea  ·  3Komentar

sys13 picture sys13  ·  3Komentar

FranBran picture FranBran  ·  3Komentar