#刘海

借助CSS Shapes实现元素滚动自动环绕iPhone X的刘海

 iPhoneX造型上有个显著的特质,就是有个明显的刘海。 然后,也出现了一些酷酷的交互。 例如下面这个交互: 交互视频效果戳这里体验:http://t.cn/Rp01GKc 就是页面滚动的时候,列表会自动绕着iPhoneX的刘海排列。 看上面微博截图的反应,...

用CSS里的 viewport-fit 标签应对iPhone X 的刘海

iPhoneX配备一个覆盖整个手机的全面屏,顶部的“刘海”为相机和其他组件留出了空间。然而结果就是会出现一些尴尬的情景:网站被限制在一个“安全区域”,在两侧边缘会出现白条儿。移除这个白条儿也不难,给body设置一个 background-color 就...