How to use height: -webkit-fill-available in Edge browser? How to make a div fill the available space in Edge?

Question

I am using bootstrap to preview the mobile device as follows:

It works perfectly fine in Chrome. But not on edge :(

My HTML/CSS code is as follows:

Answer 1

Use min-height for IE to fill the available space

 min-height: 100%; in IE