Syntax - Tasty Web Development Treats New Viewport Units
Jun 20, 2022
Discover the exciting world of new viewport units that are set to transform web development. The hosts discuss the limitations of current units like VH and VW, particularly for mobile users. Learn how dynamic viewport units will enhance responsiveness across devices. They also tackle the tricky issues caused by virtual keyboards on mobile and share creative developer workarounds for iOS restrictions. Tune in for insights on browser compatibility and the timeline for these innovations that could change the web experience!
AI Snips
Chapters
Transcript
Episode notes
Viewport Units Importance
- Viewport units are crucial for web development, especially handling dynamic content.
- New viewport units address inconsistencies with older units, particularly on mobile devices where viewport sizes shift.
Viewport Unit Types
- The small viewport gives the smallest possible viewport size, considering elements like URL bars.
- The large viewport gives the largest size, while the dynamic viewport adjusts as you scroll.
Using Dynamic Viewport Units
- Replace all existing VH units with DVH once dynamic viewport units are widely supported.
- This simplifies viewport management and leverages the most versatile unit type.