设置条件视口元标记后，移动版本不会加载

Question

我现在在一个网站上工作，我在网站上使用了一个条件视口元标记：

<meta id="viewport" name="viewport" content="width=1100, maximum-scale=1.0" />
<script>
        deviceWidth = window.innerWidth;
        var viewport = document.getElementById('viewport');
        if(deviceWidth <= 480) viewport.setAttribute('content', 'width=device-width, initial-scale=1.0,maximum-scale=1.0');
</script>

它适用于width > 480px的所有设备，但对于width < 480px设备，移动版本会加载样式中的问题或根本不加载。

那么如何解决这个问题？

Answer 1

试试这个<meta name="viewport" content="width=device-width, user-scalable=no">