When the page height of a mobile device is not high enough, the min-height error occurs.

When the page height of a mobile device is not high enough, the min-height error occurs.

During html5 pages, the page content is too small to support the height of the entire mobile phone screen.

We often use min-height for processing, such as min-height: 568px; corresponding to the height of iPhone 5;

In this way, there will be a blank space under the iPhone 6plus.

If min-height: 736px is set, the scroll bar appears for iPhone 5;

Now we can use

Position: absolute; left: 0; right: 0; top: 0; bottom: 0;

Remove min-height to adapt to the 100% height of any screen.