Tencent IMWeb Frontend Team
Nov 14, 2018 · Frontend Development
How to Seamlessly Handle iPhone X Notch and Bottom Bar in Web Front‑End Design
This article explains why the traditional method of adding a bottom‑bar class fails on iPhone X‑style devices, and demonstrates a modern solution using viewport‑fit and safe‑area insets to keep content clear of the notch and bottom bar in both portrait and landscape orientations.
CSSFrontendiPhone X
0 likes · 10 min read