@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; } }
@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顶部
原文：https://www.cnblogs.com/zzzzzwt/p/8318145.html