#响应式实践(3)-列表形式模块的响应式适配

##响应式适配

有了上面的跨浏览器解决方案, 现在我们可以开始响应式适配工作. 对于这种列表形式的模块, 常见的响应式设计有三种:

1. 每个列表元素的宽度为弹性, 随着父容器的宽度大小而变化.

2. 每个列表元素的宽度固定, 父容器宽度变小时, 隐藏多余的列表元素, 当然也可以服务器的UA判断,仅输出适当数量的列表元素.

3. 每个列表元素的宽度固定, 父容器宽度变小时, 分多行展示.