viewport-fit解决iphoneX的“刘海”问题

原创 jestin 随笔 html5 200阅读 2018-01-02 10:14:40 举报

iphoneX的“刘海”为相机和其他组件留出了空间,同时在底部也留有可操作区域。那么网站边尴尬了~被限制在了这样的“安全区域”内,两边会出现一道白条。

解决的方案是:1、给body添加一个background;2、添加viewport-fit=cover meta标签,使页面占满整个屏幕

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

viewport-fit解决iphoneX的“刘海”问题

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复