css - 如何将 Jquery mobile 嵌入容器中？

Question

我想在桌面浏览器下展示我用 Jquery Mobile 编写的应用程序，以便该应用程序包含在手机图像中。一种方法是使用 iframe。但我想把应用程序放在一个 div 中。

问题是 Jquery Mobile 似乎根本没有改变大小。我将datarole="page"div 放入container具有以下样式的 div 中：

{
 width:320px;
 height:480px;
 overflow:hidden;
 margin-left:100px;
}

容器 div 没有限制移动应用程序，而是调整大小并隐藏在页面 div 后面（使用 chrome 检查），这特别奇怪，因为我有溢出：隐藏。页面如何显示在容器 div 之外？

Answer 1

I solved this by using an iframe when it browsed in an desktop browser and redirecting when using a mobile browser