Awkward handling of Min-height when mobile device page height is insufficient

Awkward handling of Min-height when mobile device page height is insufficient

In the HTML5 page, often encountered the page content too little to support the entire phone screen height.

We often use min-height to deal with, such as min-height:568px; Corresponds to the height of the iPhone5;

And then the iphone6plus will appear blank below.

And if set min-height:736px; IPhone5, there will be a scroll bar;

At this point we can use

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

Kill the Min-height to fit any screen 100% height.

Awkward handling of Min-height when mobile device page height is insufficient