在桌面上显示JQuery-Mobile网站就像在移动设备上一样(分辨率)

时间:2014-03-10 15:35:55

标签: jquery html css jquery-mobile mobile

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

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

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

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

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

我希望这一切都有道理,因为我没有正确地措辞。我玩过view-port没有成功。

看起来像:

enter image description here

我希望它看起来像:

enter image description here

1 个答案:

答案 0 :(得分:0)

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

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

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