如何使用媒体查询并排显示两个jquery页面以进行平板电脑查看

Question

我有一个移动网站构建，其中jquery具有以下结构

1. 登录页面（data-role =“page”id =“login”..）
2. 活动列表（data-role =“page”id =“approvallist”..）
3. 活动详情（data-role =“page”id =“purchaseorderdetails”..）
4. extrainfo（data-role =“page”id =“reassign”...）

我已为移动版构建此应用，其中导航如下所示 - ＆gt;第2页 - ＆gt;第3页 - ＆gt;第4页

我已经使用jquery标签$ .mobile.changePage（“＃reassign”）进行导航。

现在我的问题是：

如何使用mediaquery将两个页面（第2页和第3页）和（第2页和第4页）并排放置在平板电脑视图中。 对于登录后的平板电脑，第2页和第3页将并排显示，但对于手机，仅显示第2页。

当我按照这个例子第2页和第3页没有在页面1的显示期间（即登录页面）并排排列时，第2页和第3页相互显示和叠加。

请你指导我解决这个难题。

感谢Ajoy Sinha

请有人提供一些线索..谢谢Ajoy