Question

我正在尝试用于设计Web应用程序的Material Design响应式UI。我将其放置在FluidGrid增强的Material Design表中。但是，当我调整屏幕大小时，表格没有调整大小，或者没有看到响应。代码1

                {width==='xs'? 
                <Grid container >
                    <Grid item xs={12} sm={4}>smup
                        <Paper className={classes.paper}>smup<EnhancedTable/></Paper>
                    </Grid>
                    <Grid item xs={12} sm={8}>
                      <Paper className={classes.paper}>xs=12 sm=9</Paper>
                    </Grid>
                  </Grid>:                             
                  <Grid container >
                    <Grid item xs={12} sm={8}>xsDown
                      <Paper className={classes.paper}>xsDown<EnhancedTable/></Paper>
                    </Grid>
                    <Grid item xs={12} sm={4}>
                      <Paper className={classes.paper}>xs=12 sm=4</Paper>
                    </Grid>
                  </Grid>}

code2

           <Grid container spacing={3}>
              <Grid item xs={12}>
                <Paper className={classes.paper}><EnhancedTable/></Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
           </Grid>

code3

           <Grid container spacing={3}>
              <Grid item xs={12}>
                <Paper className={classes.paper}>xs=12</Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
              <Grid item xs={12} sm={6}>
                <Paper className={classes.paper}>xs=12 sm=6</Paper>
              </Grid>
           </Grid>

代码1＆2不能反映响应，因为呈现了附有魅力的表格，但是代码3显示了响应，只显示了文本

有人能帮我弄清楚我错了吗，因为两天以来我被卡住了。

放置数据时，流体网格无响应材料设计-反应

0 个答案: