iPhoneX 及以上 手机底部适配 CSS3方式
iPhoneX 及以上 手机底部适配 CSS3概述:iOS移动端设备从iphoneX之后几乎都是全面屏,刘海屏。但是像这种全面屏的iOS设备,在底部有一个菜单呼出按钮,这个时候我们就需要进行相应的适配。这里我简单记录下我自己在工作中使用的适配方式。需求场景实现iPhoneX 及以上的手机底部适配,当浏览器底部的菜单栏被隐藏的时候,位于底部的选项框自动增加高度当浏览器底部的菜单栏被显示的时候,位于底部的选项框自动减少高度实现方式在css中有一个计算属性 calc() , 将需要计算的值(
原创
2021-01-13 22:46:43 ·
2309 阅读 ·
0 评论