Jquery 如何动态设置视口？

如果要动态更改视口标记，需要做什么

移动电话

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 

iPad（宽度超过768px）

对于示例：

<meta name="viewport" content="width = 384" id="myViewport">

它将布局视口宽度设置为384像素。这适用于大多数现代浏览器；诺基亚网络工具包是主要的例外

您可能希望将布局视口的宽度设置为380px，除非您使用的是宽屏（如您所期望的那样读取平板电脑）设备，在这种情况下，您可能希望将其加倍为768。或者别的什么

<meta id="myViewport" name="viewport" content="width = 384">
<script>
if (screen.width > 768) {
    var mvp = document.getElementById('myViewport');
    mvp.setAttribute('content','width=768');
}
</script>

如果（屏幕宽度>768）{
var mvp=document.getElementById（'myViewport'）；
setAttribute（'content'，'width=768'）；
}

此脚本将自动执行，并直接更改元视口标记

在下载并呈现页面之后，也可以在很久之后强制进行更改：

<meta id="myViewport" name="viewport" content="width = 384">
<script>
window.onload = function () {
    if (screen.width > 768) {
        var mvp = document.getElementById('myViewport');
        mvp.setAttribute('content','width=768');
    }
}
</script>

window.onload=函数（）{
如果（屏幕宽度>768）{
var mvp=document.getElementById（'myViewport'）；
setAttribute（'content'，'width=768'）；
}
}

<meta id="myViewport" name="viewport" content="width = 384">
<script>
window.onload = function () {
    if (screen.width > 768) {
        var mvp = document.getElementById('myViewport');
        mvp.setAttribute('content','width=768');
    }
}
</script>