0

我有一个使用具有以下结构的 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" ...)

我已经为移动设备构建了这个应用程序，其中导航如下第 1 页 --> 第 2 页 --> 第 3 页 --> 第 4 页

我已经为这些导航使用了 jquery 标签 $.mobile.changePage("#reassign") 。

现在我的问题是：

如何使用 mediaquery 将两个页面（第 2 页和第 3 页）和（第 2 页和第 4 页）并排对齐以进行平板电脑视图。平板电脑登录后，第2页和第3页并排显示，但手机仅显示第2页。

当我按照此示例进行操作时，第 2 页和第 3 页在显示第 1 页（即登录页面）期间并没有并排对齐，第 2 页和第 3 页正在显示并相互重叠。

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

谢谢阿乔伊辛哈

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

4

0 回答 0