原生webview中使用沉浸状态栏,H5页面适配iphoneX顶部

Posted 黑夜的白羊丿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了原生webview中使用沉浸状态栏,H5页面适配iphoneX顶部相关的知识,希望对你有一定的参考价值。

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .tit{ //顶部fix定位 加padding,具体数值自测
    padding-top: .5rem !important;
  }
  .p-iphonex{//列表也需要padding,否则顶栏会遮住
    padding-top: .5rem !important;
  }
}

 

以上是关于原生webview中使用沉浸状态栏,H5页面适配iphoneX顶部的主要内容,如果未能解决你的问题,请参考以下文章

沉浸式,状态栏高度,刘海屏怎么开启,怎么适配?看这!

Android WebView加载页面的输入框被软键盘遮挡的问题

IOS h5填充到安全区域

Android 沉浸式状态栏

h5手机APP怎么设计沉浸式状态栏

android之刘海屏适配