我目前正在尝试创建一个水平列表的网站。在普通视口中，我希望它们彼此相邻分组，但是一旦视口达到某个阈值，我就希望该列表成为轮播。这可能吗？在过去的几个小时中，我一直在寻找可能的解决方案，但找不到适合我的需求的任何解决方案。
下图演示了我需要做的事情。
http://i.stack.imgur.com/4XqZI.png
最佳答案
您可以使用jQuery查询视口大小，然后加载较小的尺寸之一的动画功能。
它涉及一些CSS，包括将元素浮动（float:left;等）并对其进行绝对定位，以便它们都位于同一位置-如果需要，则可以淡入淡出。另一种方法是让它们从可见区域进入。
然后，以较小的尺寸，您只需要调用轮播功能来更改页面的CSS并为其设置动画即可。
关于jquery - 水平视口(viewport)列表或可根据视口(viewport)大小滑动的列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16035337/