【问题标题】:Displaying a JQuery-Mobile website on a desktop as if it was on a mobile device (resolution)在桌面上显示 JQuery-Mobile 网站,就好像它在移动设备上一样(分辨率)
【发布时间】:2014-03-10 15:35:55
【问题描述】:

我开发了一款允许用户定义自己的网络内容并自行分发的软件。我已成功添加 JQuery Mobile 功能,以便他们在使用移动设备时可以决定使用移动增强视图。

我有一个预览页面,我在其中显示网站,因为最终用户会使用无线电移动/台式机/平板电脑查看它,以选择他们想要的视图。

当他们选择移动视图时,它会显示移动设备的轮廓,并且他们可以在此元素中查看移动内容,就像用户在移动设备上看到的一样。

我的问题是移动版本以桌面分辨率显示,因此内容(按钮等)与实物相比非常庞大。

有没有办法可以改变这个元素内部的分辨率,使按钮等更小,看看它在移动设备上的效果?

我希望这一切都是有道理的,因为我很难正确地措辞。我玩过视口但没有成功。

看起来像:

我想要的样子:

【问题讨论】:

  • 最简单的方法是通过 iframe 加载。
  • 对不起,我没有说,我已经通过 IFrame 加载了它 - 很明显,如果我减小 jquery mobile 的字体大小,它会对其进行排序,但是我的查询是更改 jquery mobile css现在不工作了!

标签: jquery html css jquery-mobile mobile


【解决方案1】:

也许通过一个 iframe 加载,在 JQM 页面的头部带有以下元标记:

<meta name="viewport" content="width=device-width, user-scalable=no">

希望它有所帮助 - 我还没有测试它......只是一个想法。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-17
    • 2018-09-25
    • 2017-10-03
    • 1970-01-01
    • 2014-12-25
    • 1970-01-01
    相关资源
    最近更新 更多