如何设置初始比例元标记以适合身体宽度？

【问题标题】：How to set the initial scale meta tag to fit body width?如何设置初始比例元标记以适合身体宽度？
【发布时间】：2019-08-21 18:39:59
【问题描述】：

我有一个小于 500 像素宽度的页面看起来很糟糕。在宽度小于 500px 的移动设备中，有没有办法自动设置初始缩放元标记以适应视口宽度和 body 宽度？

我已经尝试将 body 的 min-width 设置为 500px，但显然，必须手动缩小它才能在小于 500px 宽度的屏幕上看到整个页面。

【问题讨论】：

标签： html css tags meta

【解决方案1】：

您可以使用 JavaScript。你尝试过这样的事情吗？

<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
<script>
    window.onload = function() {
        if (screen.width < 500) {
            var metaViewport = document.getElementById('viewport');
            metaViewport.setAttribute('content', 'user-scalable=no,width=500');
        }
    }
</script>

【讨论】：