flex布局怎样让网页自适应屏幕大小

1、首先是横向的自适应布局。要在外围设置一个容器盒子才行噢。

3、接着预览便会看到盒子已经把宽度给等比例平分了，这个便是刚才设置flex为1的效果哦。

5、这样就会变成1+1+2四份宽度了噢。而其中一个div就占了两份宽度。

7、然后便可以看到中间的div高度就会自适应了噢。