Media Query Max-Height 在手机是依赖 ICB 还是 viewport?

分类: IT文章 • 2023-11-08 08:23:06

什么是 ICB ?

Media query 依赖是 ICB 的高度。

media query 不会因为 URL bar 隐藏起来后，就依赖 largest possible viewport

@media screen and (max-height:617px) {
            body{
                background:red;
            }
}

*iPhone7Plus, ICB = 617, largest possible viewport = 694