MaoDou Frontend Team

Jul 3, 2019 · Frontend Development

How to Achieve True 1px Borders on High‑DPI Mobile Screens

This article explains why 1 px borders appear thick on high‑resolution mobile devices, explores the role of devicePixelRatio, and presents five practical solutions—including iOS 0.5 px borders, border‑image, box‑shadow, pseudo‑elements, and viewport scaling—along with their pros, cons, and common pitfalls.