Question

我不确定这是Netlify问题还是Material-UI问题，或者我是否可以采取任何措施？部署后，如何获得在本地看到的效果的任何建议？

这是两个图像的屏幕截图：

这是我的代码：

const useStyles = makeStyles(theme => ({
  root: {
    display: 'flex',
    justifyContent: 'center',
    flexWrap: 'wrap',
  },
  chip: {
    margin: theme.spacing(1),
    zIndex: '1200',
    marginTop: '90px',
    float: 'right',
    position: 'static'

  },
  avatar: {
    color: '#fff',
  },
}));

...

          <Chip
            avatar={
              <Avatar 
                className={classes.avatar}            
              >
                Dai
              </Avatar>}
            avatarsmall
            clickable
            label={daiBalance}
            className={classes.chip}
            color="secondary"
          />
          <Chip
            avatar={<Avatar className={classes.avatar}>Eth</Avatar>}
            clickable
            avatarsmall
            label={balance}
            className={classes.chip}
            color="secondary"
          />

Material-UI芯片在localhost和Netlify上看起来有所不同

0 个答案: