我在解决这个问题时遇到了麻烦，但我知道这是可以做到的。我有一个使用 Twitter 的 Bootstrap 构建的网站，并且我正在遵循网格布局。问题是，我有几个不同大小的列。我希望它们在移动设备上查看时滑动而不是堆叠。
马上：
A B
A B C
A
在手机上：
A
B
A
B
C
A
理想情况下，首先会有一个轮播效果或一个包含 A 和 B 的 JQuery 滑块，并带有漂亮的捕捉动画。我可以添加一个轮播然后添加到 JS “if (widowWidth<768)” 以仅在移动设备上加载所有这些滑块。然后我可以编写媒体查询以使它们不堆叠，但我对如何实际动态地执行此操作并将它们放在一起有点迷茫。我知道如何用两份内容副本让一行做我想做的事，隐藏一个，将另一个显示为滑块，但这似乎也不正确。