在响应式网页设计中，移动DOM元素
7 浏览
在响应式网页设计中，移动DOM元素
简要解释
我创建了一个响应式网站，具有三个视图（桌面、平板、手机）。大部分设计通过使用媒体查询的CSS进行更改（对于响应式网站而言，应该是这样的）。然而，设计的一部分过于复杂，无法通过CSS简单地操作，实际上需要移动HTML在DOM中的位置。我知道这听起来并不太好，但我无法想象在不移动HTML中的某些元素的情况下如何复制这个设计。
因此，考虑到上述情况，我计划编写一个函数，为每个不同的“响应式视图”创建自定义事件。当每个事件被触发时（与CSS媒体查询同步），它将执行一些Javascript来移动/动画化任何无法使用CSS足够操作的元素。
我的问题
这是最好的方法吗？如果不是，我还有什么其他选择？是否有任何现有的库可以参考和学习？
我的实际问题是：响应式网页设计中移动DOM元素的最佳方法是什么？
进一步解释
如果上述内容不够清晰，请阅读以下内容：
考虑以下三个不同的视图：
现在考虑前两个视图的代码：
桌面
平板
一些文本
注意，nav标签已经移动到p标签下面...