用css里的 viewport-fit 标签应对iphone x的刘海

用css里的 viewport-fit 标签应对iphone x的刘海

        iPhone X 配备一个覆盖整个手机的全面屏,顶部的“刘海”为相机和其他组件留出了空间。然而结果就是会出现一些尴尬的情景:网站被限制在一个“安全区域”,在两侧边缘会出现白条儿。移除这个白条儿也不难,给 body 设置一个 background-color 就可以搞定。或者,可以添加 viewport-fit=cover meta 标签,将整个网站扩展到整个屏幕
浏览:459 分类:CSS3 标签: viewport-fit css iphone

邮箱快速注册

忘记密码