如何获取浏览器视口尺寸？

跨浏览器@media（宽度）和@media（高度）值

const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
const vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)

window.innerWidth and window.innerHeight

• 获取 CSS 视口，其中包含滚动条@media (width)@media (height)
• initial-scale缩放变化可能会导致移动值错误地缩小到 PPK 所谓的可视视视口，并且小于值@media
• 缩放可能会导致值由于本机舍入而偏离 1px
• undefined在 IE8 中-

document.documentElement.clientWidth 和.clientHeight

• 等于 CSS 视口宽度减去滚动条宽度
• 匹配且没有滚动条时@media (width)@media (height)
• 与 jQuery 调用浏览器视口相同jQuery(window).width()
• 可用的跨浏览器
• 如果缺少文档类型，则不准确

资源

• 各种尺寸的实时输出
• verge 使用跨浏览器视口技术
• 实际用途，以获得任何单位的精确尺寸matchMedia

jQuery 维度函数

$(window).width()和$(window).height()