為了讓mu Fab顯示在屏幕中央，我使用了一個MUI網格控件。密碼是這樣的

return (
    <>
        <CssBaseline />
        {!isMobile && <TourHeader />}
        {isMobile && <MobileTourHeader />}
        // OTHER STUFF
        {isMobile && <>
            <Grid container direction="row" alignItems="center" sx={{ mb: 50, flexFlow: "column" }}>
                <Grid item xs={12}>
                    <Zoom
                        in={!editingTag}
                        timeout={300}
                        unmountOnExit
                    >
                        <Fab
                            onClick={handleEditClick}
                            variant="extended"
                            color="secondary"
                            aria-label="edit"
                            sx={{
                                boxShadow: "none",
                                mb: 25,
                                color: "white",
                                background: (theme) => theme.palette.secondary.main,
                                ":hover": {
                                    background: (theme) => theme.palette.secondary.light
                                }
                            }}
                        >
                            <Edit sx={{ mr: 1 }} />
                            Edit
                        </Fab>
                    </Zoom>
                </Grid>
            </Grid>
        </>}
    </>

這看起來像

我試過一個sx={{ mb: 28 }}等。但這并沒有改變它:'[

謝謝你的時間。