html如何让子元素跟着父元素的大小变化

Question

菜鸟准备写一个统计的页面，看到bi中统计页面可以根据浏览器窗口大小变化，我想知道一下有没有好的方式做这个效果，下面放图。
页面是这样的，其中图表部分可以根据浏览器窗口大小变化，

Answer 1

弹性盒

display: flex;

Answer 2

可以用百分比设置宽高

Answer 3

图表单位别用绝对px，使用相对vh、vw之类的

Answer 4

建议你可以用rem+ 媒体查询做，

另外，媒体查询可以是他gulp生成，可以设置变化的触发频率是 10px，

效果应该不会差