我开发了一款软件,允许用户定义自己的网络内容并自行分发。我已成功添加了JQuery Mobile功能,以便他们在使用移动设备时可以决定使用移动增强视图。
我有一个预览页面,我在其中显示网站,因为最终用户可以通过无线电移动/桌面/平板电脑查看它,以选择他们想要的视图。
当他们选择移动视图时,它会显示移动设备的轮廓,并且他们可以查看此元素中的移动内容,就像用户在移动设备上看到的一样。
我的问题是移动版本是以桌面分辨率显示的,因此内容(按钮等)与真实内容相比是巨大的。
有没有办法可以改变这个元素内部的分辨率,以便按钮等更小,看看它在移动设备上的效果如何?
我希望这一切都有道理,因为我没有正确地措辞。我玩过view-port没有成功。
看起来像:
我希望它看起来像:
答案 0 :(得分:0)
也许在JQM页面的头部通过带有以下元标记的iframe加载:
<meta name="viewport" content="width=device-width, user-scalable=no">
希望它有所帮助 - 我还没有测试过它......只是一个想法。
乔