html - 如何设置初始比例元标签以适应 body 宽度？

Question

我有一个低于 500 像素宽度的页面看起来很糟糕。在宽度小于 500 像素的移动设备中，有什么方法可以自动设置初始比例元标记以适应视口(viewport)宽度和主体宽度？

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

Answer 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>