javascript - 无论如何在javacript中操作视口？

Question

我一直在尝试使用 javascript 来修改视口比例及其属性。检查 visualViewport API 后，它们都是只读数据。有没有办法动态控制视口？比如放大或设置视口的位置。我想放大视口，就好像我是使用 javascript 的捏缩放一样。

我已经通过使用 meta-tag检查了类似的处理方式。但我需要初始化后的功能。也应该移动视口。

Answer 1

这个片段可能会帮助你。

// Store the meta element
var viewport_meta = document.getElementById('viewport-meta');

// Define our viewport meta values
var viewports = {
        default: viewport_meta.getAttribute('content'),
        landscape: 'width=990'
    };

// Change the viewport value based on screen.width
var viewport_set = function() {
        if ( screen.width > 768 )
            viewport_meta.setAttribute( 'content', viewports.landscape );
        else
            viewport_meta.setAttribute( 'content', viewports.default );
    }

// Set the correct viewport value on page load
viewport_set();

// Set the correct viewport after device orientation change or resize
window.onresize = function() { 
    viewport_set(); 
}