Hey, currently im working on web project. While checking on my phone strange thing happend after using few diffrent styles for iframe, sometimes game loads and leave black screen until window size didint change.

<div
style="
display: block;
align-items: center;
width: 80%;
height: 80%;
justify-content: center;
"
>
<iframe
id="game"
src= ""
frameborder="0"
scrolling="no"
style="
display: block;
overflow: hidden;
height: 99%;
width: 99%;
position: absolute;
top: 0.5%;
left: 0.5%;
bottom: 0;
right: 0;
"
height="80%"
width="80%"
></iframe>

When i set iframe height and width to 80% it works fine on my phone, but on others problem repeat (problem occurs on chrome, samsung exploler on mobile)

Anyone have an idea what can cause this problem?

EDIT:

Image of error, it seems that it only react with height of object. Height over 91% is making this error to ocurr.

EDIT2:

i can now say its not related to iframe, game just have problem with rendering in vertical view