我有一个奇怪的情况，我需要使用媒体查询将div从一个容器移动到另一个容器 - 我甚至不知道是否可以这样做，所以忍受我。
我通过倾斜和旋转div创建了六边形形状，然后使用负边距（每行5个）一次排成一行。这一切都正常，如jsFiddle
我的问题是响应式设计，当屏幕低于980px时，我想将右手移动到下方的大多数六边形。
基本上目前我正在重复div，所以我可以隐藏一个并显示另一个（哪个有效）
@media screen and (max-width: 980px) {
div#hex14{display:block;}
div#hex0{display:none;}
div#hex14{display:block;}
div#hex0{display:none;}
}
但是，六边形中有动态内容，我也不特别希望复制所有内容。
有什么想法吗？
非常感谢