![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端适配
文章平均质量分 74
hzxOnlineOk
这个作者很懒,什么都没留下…
展开
-
【移动端适配二】H5移动端适配屏幕安全区(ios和android)
全面屏手机把整个webview(包括状态栏)给H5的话,不对状态栏进行控制往往会有以下如图问题出现,这样头部的返回按钮置于页面的安全区外,无法进行操作。转载 2022-11-29 15:28:35 · 6024 阅读 · 0 评论 -
【移动端适配一】移动端Web页面的ios安全区适配
我们上下预留的占位空间就是为了防止我们页面的内容被这些元素遮挡,但是如果你做的页面只是放在一些浏览器(微信内置浏览器)内传播,一般我们也不需要处理顶部刘海问题,顶部一般就是原生的标题栏了,不用我们管。但如果你的页面会被内嵌在 APP 展示且 APP 是全屏展示的,那么这个问题还是得处理一下。这其实说白了就是 iphoneX 之后的苹果手机,在页面上,你需要对顶部和底部多预留一点空间。造成这个问题的主要原因就是苹果手机在屏幕上出现了所谓的刘海屏,而且更是在屏幕下方加了一条小黑条。转载 2022-11-29 15:15:54 · 1065 阅读 · 0 评论