用js探测宽度是过时的方案了。Angular Material里面也有用js探测屏幕宽度的函数，估计好多老的js UI框架都有类似功能。

css3自带media query，根据宽度改变布局根本不用js，用scss写会更方便，直接通过media query确定屏幕宽度划定来设定显示内容大小、宽度、方向等等……

他给那个demo都不能算是很好的web app设计吧

现在常规做法是屏幕够宽的时候flex box都是横向wrap布局 如果屏幕过窄 就用纵向布局让所有内容都能纵向排布显示出来 同时两端stretch到100%宽度

窄的时候可以把圆角边等效果去掉来省空间……

我觉得他们这个东西很low啊

@media screen and (max-width: 400px){
    flex: 0 0 62px;
    height: 62px;
    flex-direction: row;
}
@media screen and (max-width: 800px) and (min-width: 400px){
    flex: 0 0 202px;
    height: 82px;
    flex-direction: row;
}
@media screen and (max-width: 1280px) and (min-width: 800px){
    flex: 0 0 152px;
    height: 192px;
    flex-direction: column;
}
@media screen and (min-width: 1280px){
    flex: 0 0 202px;
    height: 222px;
    flex-direction: column;
}

【 在 xiatianup 的大作中提到: 】
: https://github.com/amfe/article/issues/17
: 你们竟然没人知道这个。
: 它和网易出的另一个，是我已知的兼容杂屏比较好的2个方案。
: ...................
--
修改:facilitator FROM 110.23.10.*
FROM 110.23.10.*