不同的响应布局处理

我正在处理的网站的响应布局有问题。

Senario:该网站有三种不同的桌面、平板电脑和移动设备布局。它们有几乎相同的组件（有一些CSS调整），可以很容易地由Media Query处理。我的客户的要求是，网站必须做出响应，并应调整浏览器的大小。

问题：问题是一些div在不同的布局中移位。假设Div1有subdiv1、subdiv2和subdiv3。在某些情况下，其他一些div表示Div2将具有一些子div，并且Div1的subdiv 2必须显示在Div2的子div之间。布局的组件位置在父级上不同，这给我们带来了很多关于如何处理它的问题。

我们正在考虑的解决方案：

1. 根据用户事件创建不同的主题：此解决方案是不可行的，因为主题本身不会做出响应，或者即使它们做出了响应，也不会采用客户批准的布局
2. 使用jquery在加载和调整大小时将组件转移到不同的父级：这可能会减慢我们的网站速度，并可能出现其他问题
3. 用CSS隐藏显示同一组件的不同实例：这个解决方案听起来很糟糕

有没有其他我们忽视的好的解决方案，一个更好的方法来做到这一点？即使在这些方法中，我们也想知道哪一种是最好的解决方案？

我们正在考虑许多因素，如性能，SEO，加载时间等。

我真的很困惑，非常感谢你的建议。