我试图向客户展示 jquerymobile 网站的外观。但我想在桌面浏览器中演示它。我已经将样式应用于身体
<body style="position:relative; margin-left: auto; margin-right: auto; width:320px; height:480px;">
但是 height:480px 没有任何效果。似乎jquerymobile总是根据视口高度调整页面高度请告知jquerymobile如何适应480高度谢谢
我试图向客户展示 jquerymobile 网站的外观。但我想在桌面浏览器中演示它。我已经将样式应用于身体
<body style="position:relative; margin-left: auto; margin-right: auto; width:320px; height:480px;">
但是 height:480px 没有任何效果。似乎jquerymobile总是根据视口高度调整页面高度请告知jquerymobile如何适应480高度谢谢
我使用了一个由 Brian Apps 开发的名为 Sizer的小 Windows 应用程序,它可以让我通过右键单击标题栏快速将窗口调整为精确尺寸。我有 iPhone 和 iPad 的分辨率,以及笔记本电脑的常用分辨率,因此我可以快速预览这些区域的网站。
当然,这并不是 100% 准确的,因为它没有考虑到每个设备的不同 DPI,但是如果您需要这样做,可以使用更全面(且更昂贵)的模拟器。
为什么不直接调整浏览器窗口的大小?如果您将浏览器窗口(即 Safari)的宽度和高度缩小到所需的高度和宽度,Jquery mobile(如果您使用正确的话)将正确显示。我觉得您正在尝试以艰难的方式实现这一目标。