Как установить начальный метатег масштаба для соответствия ширине тела?

Question

У меня есть страница, которая ужасно выглядит ниже ширины 500 пикселей. В мобильных устройствах шириной менее 500 пикселей есть ли способ автоматически установить начальный метатег масштаба, чтобы он соответствовал ширине области просмотра и ширине тела?

Я уже пытался установить минимальную ширину тела равной 500 пикселей, но, разумеется, это пришлось бы уменьшить вручную, чтобы увидеть полную страницу на экранах шириной менее 500 пикселей.

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>