I’ve tried to apply body height 100% and it is still
not taking 100% the device heigh.
HTML height 100% doesn't work
I’ve just found out. For some reason, if you set the HTML element to 100% and the body min-height to 100%, as well it doesn’t work. It doesn’t if either is 100℅ or even the root.
The only way that it worked was to set HTML height to 190vw or higher and body element to 100℅. It’ll probably depend on your mobile phone screen height.
Example:
html {
height: 190vw;
}
body {
height: 100%;
}
I hope it’ll work for you! 