Flex布局

Flex布局
Flex布局是怎样的呢？
通俗来说就是，在不同的分辨率同样的一个网页布局不会因分辨率不一样而显示出不一样的效果，对排版来说，Flex布局也很有帮助
好了接下来我来写一个简单的Flex布局
首先我给它设了两个父级元素，里面分别都有三个子元素，如下图

然后我给他们都设了宽高背景颜色这些，还有出来的效果请看下图👇

好了，我们能看到那一个个子元素是像块级元素一样占据一行的，但是我们想让他们像行内元素一样的显示，还能让他们在不同的分辨率下显示不变应该怎么做呢？
接下来就用到了我们的Flex布局，亲看下图👇

然后我来调小一点显示分辨率看看会不会发生变化👇

可以很直观的看到，我调小了显示分辨率后，显示也没有改变