flexbox 兼容安卓4.3
Posted web前端开发
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flexbox 兼容安卓4.3相关的知识,希望对你有一定的参考价值。
1 .name{
2 display: inline-block;
3 @include flex(1);
4 display: -webkit-box; /* Chrome 4+, Safari 3.1, ios Safari 3.2+ */
5 display: -moz-box; /* Firefox 17- */
6 display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
7 display: -moz-flex; /* Firefox 18+ */
8 display: -ms-flexbox; /* IE 10 */
9 display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, android 4.4+ */
10 border:1px solid red;
11 overflow: hidden;
12 display: block;
13 font-size: .14rem;
14 height: .21rem;
15 text-overflow: ellipsis;
16 overflow: hidden;
17 white-space: nowrap;
18 }
2 display: inline-block;
3 @include flex(1);
4 display: -webkit-box; /* Chrome 4+, Safari 3.1, ios Safari 3.2+ */
5 display: -moz-box; /* Firefox 17- */
6 display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
7 display: -moz-flex; /* Firefox 18+ */
8 display: -ms-flexbox; /* IE 10 */
9 display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, android 4.4+ */
10 border:1px solid red;
11 overflow: hidden;
12 display: block;
13 font-size: .14rem;
14 height: .21rem;
15 text-overflow: ellipsis;
16 overflow: hidden;
17 white-space: nowrap;
18 }
以上是关于flexbox 兼容安卓4.3的主要内容,如果未能解决你的问题,请参考以下文章
Firefox 和 Safari 的 css3 flexbox 兼容性问题
AngularJS + Bootstrap flexBox 不兼容?