跨浏览器 [`@media

(width)](http://dev.w3.org/csswg/mediaqueries/#width)和[@media
(height)`](http://dev.w3.org/csswg/mediaqueries/#height)价值观

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

[window.innerWidth](https://developer.mozilla.org/en-

US/docs/Web/API/Window/innerWidth)和window.innerHeight

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

[document.documentElement.clientWidth](https://developer.mozilla.org/en-

US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements#What.27s_the_size_of_the_displayed_content.3F)和.clientHeight

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