flex布局相容問題

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

android

2.3 開始就支援舊版本 display:-webkit-box;

4.4 開始支援標準版本 display: flex;

ios6.1 開始支援舊版本 display:-webkit-box;

7.1 開始支援標準版本display: flex;

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

flex：定義布局為盒模型

flex-v：盒模型垂直布局

flex-1：子元素佔據剩餘的空間

flex-align-center：子元素垂直居中

flex-pack-center：子元素水平居中

flex-pack-justify：子元素兩端對

.flex

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

flex布局相容問題

flex布局分為舊版本dispaly box 過渡版本dispaly flex box 以及現在的標準版本display flex 所以如果你只是寫新版本的語法形式，是肯定存在相容性問題的。ios pc ie10開始支援，但是ie10的是 ms形式的。下面是各個瀏覽器的支援情況 css彈性盒模型 f...

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...