h5适配android刘海屏,IOS刘海屏H5CSS适配

@media only screen and (device-width: 375px)

and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {

.itop{ padding-top: constant(safe-area-inset-top); padding-top:

env(safe-area-inset-top); padding-top: calc(30px +

constant(safe-area-inset-top)); padding-bottom:

constant(safe-area-inset-bottom); } } @media only screen and

(device-width: 414px) and (device-height: 896px) and

(-webkit-device-pixel-ratio: 2) { .itop{ padding-top:

constant(safe-area-inset-top); padding-top:

env(safe-area-inset-top); padding-top: calc(30px +

constant(safe-area-inset-top)); padding-bottom:

constant(safe-area-inset-bottom); } } @media only screen and

(device-width: 414px) and (device-height: 896px) and

(-webkit-device-pixel-ratio: 3) { .itop{ padding-top:

constant(safe-area-inset-top); padding-top:

env(safe-area-inset-top); padding-top: calc(30px +

constant(safe-area-inset-top)); padding-bottom:

constant(safe-area-inset-bottom); } }