Question

以下是在chrome和firefox中运行良好的示例图像，但在IE 11中，所有内容都重叠并混乱。

以下是图片的示例代码

Tue Oct 24 17:54:23 UTC 2017

请告诉我哪里出错！

Answer 1

根据Material UI documentation，Material UI支持IE 11。

但是，您所描述的网格格式问题是一个documented问题，已修复。这些问题是由于未设置弹性尺寸的网格项目导致的。在Chrome中，您只能使用<Grid item>，但是对于IE，您需要显式设置伸缩大小<Grid item xs=12>。

这与您有什么关系？

对于您来说，孩子<Grid container>组件也应该是<Grid item>组件。也就是说，它们的格式应为<Grid container item>，但也应将其弯曲尺寸设置为<Grid container item xs=12>。

以下是示例代码段：

<Grid container> 
  <Grid item xs={12}>
   <Grid container item xs={12}>
     <Grid item xs={6}>
       Logo
     </Grid>
     <Grid item xs={6}>
       FormControl
     </Grid>
   </Grid>
  </Grid>
</Grid>

Material UI Grid中的浏览器不兼容

1 个答案: