flex布局相容問題

flex布局分為舊版本dispaly: box;，過渡版本dispaly: flex box;，以及現在的標準版本display: flex;。所以如果你只是寫新版本的語法形式，是肯定存在相容性問題的。

ios 

pc ie10開始支援，但是ie10的是-ms形式的。

下面是各個瀏覽器的支援情況

css彈性盒模型 flex布局相容性寫法

.flex 

.flex-1

.flex-v 
.flex-align-center 
.flex-pack-center 
.flex-pack-justify 

.flex-v

.flex-1
.flex-align-center
.flex-pack-center
.flex-pack-justify
模組一模組二
模組三模組四

flex布局相容問題

flex布局分為舊版本dispaly box 過渡版本dispaly flex box 以及現在的標準版本display flex 所以如果你只是寫新版本的語法形式，是肯定存在相容性問題的。android 2.3 開始就支援舊版本 display webkit box 4.4 開始支援標準版本 di...

flex布局相容性問題

標誌 display box or a property that is box eg.box pack 標誌 display flexbox or the flex function or flex pack property 標誌 display flex inline flex and fle...

flex布局的相容性問題

標誌 display box or a property that is box eg.box pack 標誌 display flexbox or the flex function or flex pack property 標誌 display flex inline flex and fle...