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

Question

我有一个页面，宽度小于500像素时看起来很糟糕。在宽度小于500像素的移动设备中，是否有任何方法可以自动设置初始比例元标记以使视口的宽度与主体的宽度相符？

我已经尝试将主体的最小宽度设置为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>