Javascript 在一个特定页面上更改视口

我需要让我的网站上的一个特定页面用viewport meta标记响应屏幕大小。视口元标记由后端的php文件生成

当前我的视口标记如下所示：

<meta name="viewport" id="viewport" content="width=1040"/>

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0"/>

希望视口标记的结果如下所示：

<meta name="viewport" id="viewport" content="width=1040"/>

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0"/>

---

我没有在jQuery中标识页面，因为我有一个插件，可以在各个页面上运行脚本。更具体地说，我的CMS是Wordpress，我的主题是Genesis和Genesis沙盒，我使用的是Yoast的SEO插件，还有重力表单。如何将视口元更改为所需代码？

试试这个。。。简单但合理的解决方案，适用于代码密集的站点

1。如果您在“头部”中使用“元视口”标记，则下面的脚本将起作用。

jQuery(document).ready(function(){
   jQuery('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0');
})

jQuery(document).ready(function(){
    jQuery("head").append('<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0"/>');
    jQuery('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0');
})

2。如果“头部”中的“元视口”标记不存在，则使用以下脚本。

jQuery(document).ready(function(){
   jQuery('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0');
})

jQuery(document).ready(function(){
    jQuery("head").append('<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0"/>');
    jQuery('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1.0');
})

jQuery（文档）.ready（函数（）{
jQuery（“标题”）。附加（“”）；
jQuery（'meta[name=“viewport”]”）。prop（'content'，'width=设备宽度，初始比例=1.0'）；
})

注意：确保您在网页中使用的是“jQuery library version 1.6+”

---

据我所说。。这肯定会奏效的。：）

如果您有一个脚本，可以让您在特定页面上运行代码。为什么不把meta标记放在那里呢？它是特定于脚本的，没有html，除非它在脚本标记中；如果有用的话请告诉我，我不知道为什么，但它不起作用。我尝试将您提供的脚本放在页眉和页脚中，但没有效果。不过，感谢您的想法，因为这似乎是一个可靠的解决方案。如果出现一些错误，请尝试以下操作：$（document）.ready（function（）{$（“head”）.append（“”）；}）；