Mobile browsers keep moving
The usable screen changes when the browser toolbar moves. Here’s a small test of why that matters.
Try it for yourself.
A working preview. Your changes stay inside this study.
This scaled simulation uses a 390 px width, 88 px of browser chrome, and a 20 px bottom safe area. Real devices report their own viewport and insets.
The question
How do I keep a fake phone OS from getting cut off by a real phone browser?
What I tried
Measure the visible space and work around browser chrome and safe areas.
What it proves
This simulator illustrates the sizing problem. Real browser measurements vary by device.
How to explore
Change the simulated browser toolbar and compare the available height.