@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; } }
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顶部的主要内容,如果未能解决你的问题,请参考以下文章