Question

在我发起JS应用程序之后，我正在使用这两个函数来设置和重置元标记

function setMeta(){
        alert("meta set");
        $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, user-scalable=0');
    }

function resetMeta(){
        alert("meta reset");
        $('meta[name=viewport]').attr('content', ' width=device-width, initial-scale=1.0,maximum-scale=1.6, user-scalable=yes, user-scalable=1');
}

我的问题：什么是初始规模资产的默认值。如果我没有重置它，它保持1.0设置。

更新问题：如果我打开我的JS应用程序的页面被缩放。当我打开对话框时，页面没有像setMeta函数那样设置为1.0比例。问题出在哪里？像user-scalable这样的其他属性工作得很好......

Answer 1

默认值为1.0，请参阅this page：

viewport initial-scale参数指定第一次显示网页时的缩放（缩放）。 默认值1.0指定无缩放。最大值10可放大（放大）页面，较小值可降低至0.1缩小（缩小）页面。

要将其设置为之前的值，只需存储它。

function setMeta(){
        alert("meta set");
        oldcontent=$('meta[name=viewport]').attr('content') //store the current value
        $('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, user-scalable=0');
}

function resetMeta(){
        alert("meta reset");
        $('meta[name=viewport]').attr('content', oldcontent);
}

使用Javascript重置元标记

1 个答案: