从Material-ui到React JS的底部导航无法在某些屏幕尺寸上正确显示

Question

在React应用程序中从物料ui实施底部导航栏。在少数屏幕（例如Iphone 5，Galaxy S5）中，抽屉未完全显示，并且边缘被切掉，其他移动浏览器（例如Pixel 2等）的其他设备运行正常。是否有相同的优雅解决方案？ In Iphone 5 In Pixel 2

与组件一起使用的样式：

const styles = {
  root: {
    width: '100%',
    position: 'fixed',
    bottom: 0,
    boxShadow: '0 -1px 1px 0 rgba(0,0,0,.1)',
    backgroundColor: 'white',
    fontSize: '.53rem',
    fontWeight: 500,
    textDecoration: 'none',
  },
};

Answer 1

将React Material-UI CssBaseline组件添加到您的类中。这对我有帮助。