我希望在CSS中创建类似以下布局：
|---------------------------------------------------------------|
| box1: grow, min=height of content (variable) |
|---------------------------------------------------------------|
| box2: grow between 100px and 300px, when width below 900px, |
| proportionally shrink height. I.e. at | 600px, height |
| should be 200px etc. |
|---------------------------------------------------------------|
| box3: grow, min=height of content (variable) |
|---------------------------------------------------------------|
我在这里设置了CodePen http://codepen.io/coxy/pen/LKeml?editors=110
它使用的是flexbox，它几乎可以满足我的需要，当宽度低于900px时，我无法弄清楚如何按比例收缩中间盒。
你有任何建议都会很棒！如果有更好的方法来实现这一点，它绝对不必使用flexbox ...谢谢！