【文件属性】：
文件名称：react-viewport-height:用于将React设置为等于实际浏览器内部窗口高度的100vh的实用程序
文件大小：289KB
文件格式：ZIP
更新时间：2021-04-12 15:10:37
react hook resize mobile screen
react-viewport-height
React的实用程序，可将100vh设置为等于实际浏览器内部窗口的高度。
由于vh在移动浏览器上有麻烦（主要是由于地址栏），因此有一些技巧可以解决它。 该软件包实现了的一个。
用法
npm install react-viewport-height
// index.js
import useVH from 'react-viewport-height' ;
import './index.css' ;
const App = ( ) => {
useVH ( ) ;
return < div xss=removed> ;
} ;
/* index.css */
. app {
min-height : calc ( var ( --vh , 1 vh ) * 100 );
}
阅读以获取更多详细信息。 您
【文件预览】：
react-viewport-height-main
----.eslintrc.json(2KB)
----.gitignore(93B)
----package.json(3KB)
----.npmrc(16B)
----.lintstagedrc.json(147B)
----src()
--------useVH.ts(887B)
--------index.ts(35B)
----jest.config.ts(87B)
----SECURITY.md(815B)
----.czrc(57B)
----.commitlintrc.json(53B)
----CONTRIBUTING.md(2KB)
----CODE_OF_CONDUCT.md(3KB)
----SUPPORT.md(675B)
----LICENSE(1KB)
----CHANGELOG.md(2KB)
----tsconfig.json(520B)
----.github()
--------PULL_REQUEST_TEMPLATE.md(915B)
--------ISSUE_TEMPLATE()
--------FUNDING.yml(19B)
--------workflows()
----.prettierrc.json(72B)
----.browserslistrc(31B)
----README.md(2KB)
----tests()
--------useVH.test.tsx(4KB)
----.eslintignore(5B)
----.storybook()
--------main.js(120B)
--------preview.js(149B)
--------manager.js(85B)
----.releaserc.json(261B)
----.circleci()
--------config.yml(3KB)
----stories()
--------Demo.stories.tsx(417B)
--------Introduction.stories.mdx(169B)
--------Demo.tsx(406B)
--------demoSourceCode()
--------Documentation.stories.mdx(170B)
--------Demo.css(325B)
----.gitattributes(14B)
----docs()
--------index.md(1KB)
----renovate.json(283B)
----.husky()
--------.gitignore(2B)
--------pre-commit(59B)
--------commit-msg(68B)
--------prepare-commit-msg(97B)
----.editorconfig(147B)
----yarn.lock(692KB)