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

Need to set the height:100% for .screen container.

sample code