桌面浏览器的 jquerymobile 站点演示（身高问题）答案

【问题标题】：jquerymobile site demo for desktop browser (issue with body height )桌面浏览器的 jquerymobile 站点演示（身高问题）
【发布时间】：2012-08-29 23:59:34
【问题描述】：

我正在尝试向客户展示 jquerymobile 网站的外观。但我想在桌面浏览器中演示它。我已将样式应用到正文

<body style="position:relative; margin-left: auto; margin-right: auto; width:320px; height:480px;">

但是 height:480px 没有产生任何效果。似乎jquerymobile总是根据视口高度调整页面高度请告知 jquerymobile 如何适合 480 高度谢谢

【问题讨论】：

只需使用像 Chrome 这样的优秀浏览器，它不仅可以欺骗您的 UA，让网站认为您是移动设备，还可以欺骗您的视口尺寸，以便您将网站视为移动设备可以。在 Chrome 中，您可以通过打开开发人员镜头 (F12) 找到此功能，然后单击右下角的齿轮齿轮以打开选项。接下来点击“用户代理”选项卡（左上角）并注意“覆盖用户代理”和“覆盖设备指标”选项。此菜单还允许您模拟触摸事件。请注意，要使用其中一些设置，您必须保持开发人员工具处于打开状态。
谢谢你的建议，@Jasper。但我需要永久修复它。这样任何桌面浏览器的任何人都可以在网页和 jquery 移动网站上看到 320/480 的智能手机模拟
您可以使用<iframe>，但旧设备将无法滚动页面。
@Jasper, <iframe> 似乎是个不错的主意。我会仔细看看并告知。顺便说一句，在最新的 Opera、Safari、Chrome 中，只有 Firefox 14.0.1 可以在 pc 上正确显示 jquery 移动动画

标签： jquery-mobile

【解决方案1】：

为什么不直接调整浏览器窗口的大小呢？如果您将浏览器窗口（即 Safari）的宽度和高度缩小到所需的高度和宽度，Jquery mobile（如果您使用正确的话）将正确显示。我觉得你正试图以艰难的方式实现这一点。

【讨论】：

【解决方案2】：

我使用了一个名为Sizer by Brian Apps 的小Windows 应用程序，它可以让我通过右键单击标题栏快速将窗口调整为精确的尺寸。我有 iPhone 和 iPad 的分辨率，以及笔记本电脑的常用分辨率，因此我可以快速预览这些区域的网站。

当然，这并不是 100% 准确的，因为它没有考虑到每个设备的不同 DPI，但是如果您需要这样做的话，还有更全面（也更昂贵）的模拟器。

【讨论】：