H5 - - - - - Solution to the white area at the bottom of the mobile page

This is how it looks with white space at the bottom:

Insert image description here

Here's how it looks without the white space at the bottom:

Insert image description here

Solution:

Find the public, index.html of the entire project, find the meta, and add viewport-fit=cover
<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">

The key point is this property:viewport-fit=cover

Guess you like

Origin blog.csdn.net/Dark_programmer/article/details/135131506