Viewport Resize Behavior Demos

Set of demo pages that use the interactive-widget viewport meta tag extension with its different values.

Demos

1. no value set
2. interactive-widget=resizes-visual
3. interactive-widget=resizes-content
4. interactive-widget=overlays-content

Legend

• Red dashed line = ICB
• Blue dotted line = Layout Viewport
• Orange slanted line = Visual Viewport

Source

The source of these demos is available on GitHub: https://github.com/bramus/viewport-resize-behavior/