苹果safari支持flex布局
生活随笔
收集整理的這篇文章主要介紹了
苹果safari支持flex布局
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天突然發現flex布局不支持safari 解決辦法
.page-wrap {
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.main-content {
60%;
}
.main-nav,
.main-sidebar {
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
20%; /* For old syntax, otherwise collapses. */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
感謝http://www.w3cplus.com/css3/using-flexbox.html
總結
以上是生活随笔為你收集整理的苹果safari支持flex布局的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 关于反射blog
- 下一篇: Kafka 使用Java实现数据的生产和