Interface IViewport

Viewport callbacks

Example

vevet.viewport.callbacks.add('width', () => console.log('width changed'));

vevet.viewport.callbacks.add('height', () => console.log('height changed'));

vevet.viewport.callbacks.add('both', () => console.log('both width and height changed'));

vevet.viewport.callbacks.add('widthOnly', () => console.log('only width changed'));

vevet.viewport.callbacks.add('heightOnly', () => console.log('only height changed'));

vevet.viewport.callbacks.add('any', () => console.log('any change'));
Copy

Device pixel ratio

Current viewport height

Is viewport in desktop mode

Is viewport in landscape mode

Is viewport in phone mode

Is viewport in portrait mode

Is viewport in tablet mode

Lower device pixel ratio (1 for desktop and maximum 2 for mobile devices)

Current viewport small height

Current viewport small height divided by 100 (svh)

Current viewport height divided by 100

Current viewport width divided by 100

Current viewport width