js获取浏览器最大宽度和高度

// 方法一：使用window.innerWidth
var viewportWidth = window.innerWidth;

// 方法二：使用document.documentElement.clientWidth
var viewportWidth = document.documentElement.clientWidth;

// 方法三：使用document.body.clientWidth（不推荐，因为兼容性问题）
var viewportWidth = document.body.clientWidth;

// 方法一：使用window.innerHeight
var viewportHeight = window.innerHeight;

// 方法二：使用document.documentElement.clientHeight
var viewportHeight = document.documentElement.clientHeight;

// 方法三：使用document.body.clientHeight（不推荐，因为兼容性问题）
var viewportHeight = document.body.clientHeight;

window.addEventListener('resize', function() {
    var viewportWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    console.log('当前视口宽度：' + viewportWidth);
    console.log('当前视口高度：' + viewportHeight);
});