flex深度剖析-解决移动端适配问题！
前言 上回说到，移动端适配，推荐了，使用px为主，vw,百分比为辅助，再搭配flex的布局方式，于是有人就开始问我了，这个flex搭配布局应该怎么用，梳理一遍，巩固一下 flex前世今生 在前端刚刚兴起html,css,js，还停留在初级阶段是的时候，前端工程化还不存在的时候，jqery还在统...
- 博客
- **从0到1—CSS系列之flex布局（实例）一、flex容器基础概念 如上图 flex-container —— flex容器 flex-item —— 子元素 水平方向上有一条轴线（主轴） —— main axis 垂直方向上有一条轴线（十字轴） —— cross axis 先准备一下初始化代码， 只有三个文件。 1、index.ht...博客
- flex布局水平垂直居中flex布局教程：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 教程2： https://www.jianshu.com/p/c71b65a2b3e2 flexDirection、justifyContent、alignIte...博客
- CSS中的flex布局详细介绍定义 flex布局又称为弹性布局，任何一个容器都可以指定为flex布局 声明弹性盒子的几种方式 就像前面说的，所有容器都可以指定为flex布局 .box{ display:flex; } 复制代码 行内元素也可以使用： display:inline-flex; 复制代码 改变弹性元素的...博客
- 浅谈flex算法flex布局 flex布局，从网页端到移动端的weex和rn，基本都是根据flex白皮书整合的一套布局算法，刚好看到sprite-flex-layout这个库，用js实现的一套flex算法，刚好趁机了解一番。用法很简单，代码如下，container是父节点，node1、node2是子节点。 c...博客
- 用flex布局实现栅格系统之前一篇栅格系统是用float布局来实现的 https://www.cnblogs.com/chenyingying0/p/12495051.html 其实并不太适合移动端，不过优点是兼容性比较好 这篇用flex来进行布局，不管在PC端还是移动端都很适合 不过存在兼容性问题，在低版本浏览器...博客
- flex布局实例--实现底部导航vh 存在兼容性问题，不建议使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-s...博客
- 移动Web开发必备基础（flex项目属性）前提：父容器设置了display:flex 或 inline-flex order 项目的排列顺序 默认是0，数字越小，排在越前面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na...博客
- 移动Web开发必备基础（flex容器属性）box-sizing 在pc端一般使用默认值 content-box 在移动端一般使用 border-box <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport...博客
- React Native混合开发中必须要学会点FlexBox布局在前面的案例中，界面的搭建都是采用CSS的布局，基于盒子模型，依赖 display属性 ， position属性， float属性。但对于那些特殊布局非常不方便，比如，垂直居中。 一种全新的针对web和移动开发布局应运而生：Flex布局，可以简便、完整、响应式地实现各种页面...博客
