H5 page in app browser, the bottom fixed bar is obscured

as mentioned, there is no problem with the H5 page on the mobile browser, but when it is opened in the app of the ios system, the fixed bar at the bottom is obscured. There"s nothing wrong with Android.

bugios

:

iOS;

fixedios

iosabsolute,

:

my question is that I didn"t set this property, so I"m not sure what"s going on.

later, after the mobile phone test, this problem will occur in the ios12 system, so I have to adjust it according to ios12 and forcibly add a

to ios12.

padding-bottom, looks fine in app, but there will be problems in mobile browsers.

although there is no problem for the time being, I still don"t know what the specific reason is and if there is a great god who can answer it.

the PS: header activity details column is native to ios, and then the occluded height is exactly the same as the height of the phone"s battery bar.

Mar.04,2022

it should be that the ios does not adapt to the ios12, that causes the webview to recognize incorrectly. We should let ios solve this problem, or check whether it is an ios problem


this problem has also occurred to me. Just change the previous margin-bottom to padding-bottom. The system after
iOS8 automatically adapts to UIView, so that the top/bottom margin of the page is 0.

Menu