我是表哥Harker，表妹我来咯~
京东的流式布局其实就是把以前我们写死的固定值换成百分比，百分比好处就是子盒子能随着盒子的宽度改变而自动适应。
今天讲解flex布局，这个布局很重要哦，移动端开发80%以上要用到这个布局，并且这个布局一般和后面要说的 rem+媒体查询 一起使用，可以说在单独制作布局当做，这两者的结合基本占据了移动端开发主流布局
1、传统布局与flex布局
传统布局
- 兼容性好
- 布局繁琐
- 局限性，不能在移动端很好的布局
flex 弹性布局
- 操作方便，布局极为简单，移动端应用很广泛
- PC 端浏览器支持情况较差
- IE 11或更低版本，不支持或仅部分支持
建议：
- 1. 如果是PC端页面布局，我们还是传统布局
- 2. 如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局
体验：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta
订阅专栏 解锁全文
284
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
