Jquery mobile jquerymobile具有不同元视口设置的一个页面

我试过在jQM

beforepageshow

上调整meta

viewport

标记，但它根本不起作用，我想这是显而易见的原因。我有一个页面，上面有一个highcharts图表，我需要在我的视口标记内没有任何内容，该标记通常具有<代码>宽度=设备宽度，初始比例=1，用户可缩放=否，最小比例=1.0，最大比例=1.0

---

这是因为我希望当大块的图表进入时应用程序缩小，有没有人对如何使用不同的

视口

设置创建一个页面有什么好主意？我可以在没有AJAX的情况下链接到它，然后有条件地输出正确的meta标记，但我不想这样做。

当我想对图像或其他需要用户查看小文本的内容进行缩放时，我在我的几个移动网站上动态地更改了meta

viewport

标记：

var $viewport        = $('meta[name="viewport"]'),
    default_viewport = $viewport.attr('content');

$(document).delegate('#page-id-one, #page-id-two', 'pageshow', function () {

    //these are the pages that you want to enable zooming
    $viewport.attr('content', 'width=device-width,initial-scale=1.0,maximum-scale=5.0');

}).delegate('#page-id-one, #page-id-two', 'pagehide', function () {

    $viewport.attr('content', default_viewport);

});

---

此代码希望包含在jQuery和meta

viewport

标记之后。显然，您可以根据自己的需要更改

视口

元素的内容（我相信Safari将允许

最大比例

为

10

）。

Hiya，这对我很有用（就像更改内容值一样），但浏览器似乎没有记录视口已更改，所以我什么也做不了，你确定这对你有用吗？@Baconbeastnz。适用于我的Android（2.3.3）和iPhone（5.0.1）。在我链接到的页面上，它应该允许缩放，但如果你“返回”，它将不允许缩放。A好的，我现在可以开始了，谢谢，如果你尝试在飞行中更改视口比例，你会遇到一些道奇效果，1/2宽度等，你可以调整它，但看起来很糟糕