Applies viewport height (VH) values in pixels, ensuring maximum browser compatibility.
ngx-vh-style is an angular directive that allows to apply viewport height (VH) values in pixels, ensuring maximum browser compatibility.
``html`
Viewport height is usually referred to as the window's inner height in %.
However, browsers such as Chrome Mobile make their toolbar height count towards the viewport height, making the inner height inaccessible through CSS if the element is not relatively parented to the body — which can happen when using frameworks like Ionic.
Latest version available for each version of Angular
| ngx-vh-style | Angular |
| ------------ | ----------- |
| current | >= 12.x |
Install via npm:
`
npm install --save ngx-vh-style
Import the VhStyleModule:`js
import { VhStyleModule } from 'ngx-vh-style';
@NgModule({
imports: [
VhStyleModule
]
})
`
`html`
`html`
`html`
`html``
Media queries are currently not supported.