新的功能交付了，测试同事开始测试，提的bug是在浏览器缩小浏览状态下，XXX不美观，XXX遮挡，XXX建议对齐...。 内心有个大大的问号，需要这样么。。。
问了一个做测试的好友，他说他也会这么测试，拖拽浏览器窗口，看布局变化情况，甚至客户上来就Ctrl+++---，只好也跟着+++----来放大缩小浏览器...
解决办法其实也简单，就是Grid栅格+Flex布局基本能解决大部分的问题, 使用Grid可以让布局变成响应式，再加上Flex，比如查询条件一横有很多个筛选条件，每个 box 里面个label标签和select标签，可以使用flex让每个 box 在一行。如果使用antd之类的框架不需要写label标签,直接使用Grid标签取包裹Form.Item就可以自适应了。
还有特别些的，比如在浏览器小窗口时候，echart 图标的展示是完美，在浏览器窗口变大时候（不刷新页面），图标就超出了容器，不能很好的自适应，这种一般会通过window.addEventListner 添加 resize 事件来监听窗口变化去处理，这里发现echarts 实例是有resize函数，可以直接调用。
