树枝根据分辨率分组项目

Question

我有一个for循环，它循环遍历div并使用批处理对它们进行分组，我的分组大小需要根据分辨率进行更改，因此移动批处理应为1，在桌面上应为4，通过分辨率递增。

我该如何在树枝/ drupal中实现这一目标？

{% for column in items|batch(4) %}
                <div {{ attributes.addClass('swiper-slide').removeClass(classes, 'field--items', 'swiper-wrapper') }}>
                    {% for item in column %}
                        <div{{ item.attributes.addClass('field--item') }}>{{ item.content }}</div>
                    {% endfor %}
                </div>
            {% endfor %}

Answer 1

Twig在服务器端工作，它不知道设备的分辨率。您可能会使用库来通过请求标头中的User-Agent来检测用户的设备，例如http://mobiledetect.net/

---

如果您从事的是响应式项目，请考虑对多个分辨率使用CSS @media查询。