以下是我想用Polymer Elements实现的目标：
列大小并不总是相同的宽度，而是相对于屏幕或warpper-div大小。在示例1中，它们各自为16.66％，在示例2中为33.33％，在示例3中应为100％。
我需要一个响应式布局，其中 - 取决于屏幕大小 - 每行显示不同数量的列，并且将调整每个列的大小。
有谁知道如何通过https://elements.polymer-project.org/elements/iron-flex-layout实现这一目标？我对如何使用flex和layout horizontal / layout vertical感到有些困惑。
我非常感谢有关代码和结果如何的codepen（或类似）示例。
更新：我在此处找到了解决方案：How to control number of items per row using media queries in Flexbox?
