Css Ipad Pro高度不一致
你能告诉我如何以统一的方式调整高度吗?我使用的是Bootstrap3,但在平板电脑设备方面我遇到了一些问题,专栏看起来像这样 至于我的HTML,我遵循了Css Ipad Pro高度不一致,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,你能告诉我如何以统一的方式调整高度吗?我使用的是Bootstrap3,但在平板电脑设备方面我遇到了一些问题,专栏看起来像这样 至于我的HTML,我遵循了container>row>col>box规则,对于table,我遵循了col-md-6,对于大型设备,我遵循了col-lg-4。我按照本教程添加了以下类,但仍然存在高度对齐问题 .row.is-flex { display: flex; flex-wrap: wrap; } .row.is-flex > [class*=
container>row>col>box
规则,对于table,我遵循了col-md-6
,对于大型设备,我遵循了col-lg-4
。我按照本教程添加了以下类,但仍然存在高度对齐问题
.row.is-flex {
display: flex;
flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}
/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
你只能在ipad上使用CSS 注意:在块类的顶部应用此css。我假设您的顶级块类是:
.row.is flex
.row.is-flex:nth-child(2n+1){
clear:left;
}
如果有任何疑问,请告诉我您是否也可以发布您的html?