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         }

 

以上是关于flexbox 兼容安卓4.3的主要内容,如果未能解决你的问题,请参考以下文章

Firefox 和 Safari 的 css3 flexbox 兼容性问题

AngularJS + Bootstrap flexBox 不兼容?

FlexBox标准及兼容写法速查表

Flexbox 和 vh 高度单位在 IE11 中不兼容吗?

Flexbox简介

Flexbox