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         }

 

posted on 2016-03-28 23:16  小木板  阅读(1550)  评论(0编辑  收藏  举报

导航