Contact person: Fix iPhone Safari Keyboard Gap

Phone:Show

Email:Show

Location: College point, United States

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"When the virtual keyboard appears on iPhone Safari an unwanted blank strip sticks to the bottom of every page on my site. The project is built with plain HTML and CSS—no Bootstrap, Tailwind, or other frameworks—so the culprit is somewhere in my own stylesheet or the way the viewport is handled. The issue shows up site-wide, not just on a single URL.

I need you to pinpoint the exact cause and deliver a clean, reproducible fix that:

• removes the gap the moment the keyboard opens or closes
• works consistently across recent iOS versions (Safari and WebView)
• does not break the current layout on desktop or other mobile browsers

Please supply the updated CSS (and any minimal JS if absolutely necessary) with a brief explanation so I can maintain it going forward. A quick screen recording or set of before/after screenshots to confirm the result would be appreciated." (client-provided description)