---
name: ios-fluid-mobile-web
description: "Eliminates annoying mobile web glitches: fixes address-bar jumpiness with dvh units, integrates touch-friendly bottom sheets, and respects home indicator safe areas."
---

# SKILL: iOS-Fluid Mobile Web App Standard
## Mobile Layout Rules
1. Never use 100vh for full-screen mobile containers. Always use 100dvh or min-h-dvh to prevent iOS Safari toolbar clipping.
2. Safe Areas: Add env(safe-area-inset-bottom) and env(safe-area-inset-top) padding to fixed navbars and sheets.
3. Tap Targets: Ensure interactive buttons and tabs have a minimum hit target of 44x44px.
4. Input Zooming: Keep form input font-size >= 16px to prevent automatic Safari viewport zooming.