美文网首页马文的地下室
学习笔记《Flex布局》

学习笔记《Flex布局》

作者: 马文Marvin | 来源:发表于2016-11-26 20:24 被阅读24次

    布局的传统解决方案,基于盒状模型,依赖 display + position + float。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案:Flex布局,可以简便、完整、响应式地实现各种页面布局。

    但是由于 IE10+ 才能支持 Flex布局(IE10支持的不好,IE11才好一点),而国内IE8-9依然是主流(>25%),所以无法在 web 端使用,而国外则相对较少(<7%),可以根据自身网站的浏览器访问排布使用 Flex布局。在移动端,Flex布局 已经成为主流。

    但是由于是 阮一峰 推荐的 React 技术栈 中的要求,所以拿起来一些:
    《Flex 布局教程:语法篇》
    《Flex 布局教程:实例篇》

    阮一峰的教程写的相当的好,看一遍基本就能弄,希望能尽快有在移动端实践的机会。

    相关文章

      网友评论

        本文标题:学习笔记《Flex布局》

        本文链接:https://www.haomeiwen.com/subject/masgpttx.html