文件名称：vh-check：移动vh单元实用程序
文件大小：143KB
文件格式：ZIP
更新时间：2024-02-18 11:34:40
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)