ios7.8居然不支持flex布局

寫代碼的時候,偶然間用同事的ios8.4版本的機器,看代碼,發(fā)現居然不支持flex布局,包括justify-content這類屬性,統(tǒng)統(tǒng)不支持,但是查資料說,從ios7.1開始就支持標準的寫法,即為display:flex;但是現實中確實是遇到了不支持的情況,所以,最后只能用兼容性的寫法,問題就解決了。

display: flex;

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

justify-content: space-between;

-webkit-justify-content: space-between;

/*-webkit-box-align: center;*/

-webkit-align-items: center;

/*-ms-flex-align: center;*/

align-items: center;

所有關于彈性布局的屬性,都需要兼容性的寫法,上面僅為一部分。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 移動開發(fā)基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,720評論 0 6
  • H5移動端知識點總結 閱讀目錄 移動開發(fā)基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,824評論 0 26
  • /*! https://github.com/lzxb/flex.css */ [flex], [flex] > ...
    美滋滋213閱讀 3,227評論 1 0
  • 閱讀目錄移動開發(fā)基本知識點 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    張憲宇閱讀 1,678評論 0 1
  • 年少的我卻沒有適齡的朝氣 青澀的我卻在用等待打發(fā)時間 沒有夢想 沒有希望 更看不到未來 只是努力踩著生活的痕印 隨...
    目言川閱讀 232評論 0 0

友情鏈接更多精彩內容