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:
alih-alih https://material-ui-next.com/demos/app-bar/
Maksud saya, mengapa fontnya sangat kecil?
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;
}
Komentar yang paling membantu
Orang dapat menonaktifkan perilaku aksesibilitas ini dengan menyetel gaya berikut: