我正在 jquery mobile 上进行试验，并希望尝试给定的设置：
- 2 个 jquery 移动页面分别完全嵌入到一个 div 中。
- 在当前 html 页面上并排固定大小区域的每个 div。
- 我希望在两个 jquerymobile 页面之间有消息（或 jquery 回调）。
然而，我能够成功的唯一配置是将我的 jquery 移动页面嵌入到 2 个单独的 iframe 中。我担心，无论是否合理，通过使用 iframe，我会在浏览器端使用大量资源，而不是使用简单的 div。此外，我在我的开发中强加了两个（iframe）页面之间的另一层通信，这并不性感。
我似乎无法控制
<meta name="viewport" content="width=device-width, initial-scale=1">
用于单个页面中的多个嵌入式 div。事实上，从一个 div 中弹出一个对话框，就可以控制整个 html 页面。
问题：
- 我是在尝试做一些不应该做的事情吗？
- iframe 是否像我怀疑的那样消耗那么多资源？
感谢您的帮助和评论。