【文件属性】：
文件名称：vh-check：移动vh单元实用程序
文件大小：143KB
文件格式：ZIP
更新时间：2021-01-28 17:48:00
css android ios chrome vh
vh检查
获得可靠CSS vh大小
问题
浏览器并不总是以相同的方式计算。 一些移动浏览器在不考虑网址栏的情况下计算vh CSS单位。 这意味着100vh div将根据网址栏的大小溢出视口。
这是当前的行为：
就像在Chrome帖子中所解释的那样，这是有道理的，但是很难拥有一个完整的。
该脚本将测量差异并将其放入CSS变量中。 您可以在阅读更多
为什么不使用viewport-units-buggyfill？
它做得很好：
但是媒体查询存在一些问题：
采用
作为全局变量
< script src =" https://unpkg.com/vh-check/dist/vh-check.min.js " > </ script >
< script >
( function ( ) {
// initialize the test
var test = vhCheck ( ) ;
} ( ) ) ;
</ script >
作为commonJS模块
npm install vh-check
var check = require ( 'vh-check' )
【文件预览】：
vh-check-master
----.gitignore(64B)
----MIGRATING.md(573B)
----release-gh-page.js(268B)
----package.json(2KB)
----package-lock.json(528KB)
----src()
--------options.ts(2KB)
--------methods.ts(1KB)
--------vh-check.ts(2KB)
--------event-listener.ts(1009B)
--------types.ts(558B)
----src-demo()
--------demo.css(2KB)
--------ruler.js(165B)
--------redefine-vh.js(164B)
--------demo-commonjs.pug(151B)
--------index.pug(462B)
--------_menu.pug(595B)
--------commonjs-example.js(164B)
--------demo-es-module.pug(145B)
--------_layout.pug(591B)
--------esmodule-example.js(144B)
--------demo-redefine-vh.pug(153B)
--------output-value.js(351B)
----.travis.yml(52B)
----gulpfile.js(2KB)
----LICENSE(1KB)
----ava.config.js(133B)
----CHANGELOG.md(895B)
----tsconfig.json(156B)
----rollup.config.js(554B)
----.prettierrc.js(81B)
----README.md(8KB)
----issue-schema.svg(28KB)
----.vscode()
--------settings.json(104B)
----ava.typescript-register.js(110B)
----.npmignore(258B)
----.gitattributes(47B)
----test()
--------options.ts(5KB)
--------vh-check.ts(7KB)
----assets-source()
--------issue-schema.afdesign(130B)