iPhone course playback and sizing
We are trying to serve Articulate Storyline courses via our iOS LMS on both iPad and iPhone. While the iPad version works as expected we are seeing that when served via iPhone the course does not scale to take up the full screen real estate as shown in the attached screen shot.
Technically we are serving the course in an iframe which is sized to screen.availWidth / screen.availHeight. We have tried altering this in various ways but so far to no avail.
If we inspect the DOM we can sometimes 'tickle' the width and height in a way that triggers a resize event in the course but we have not been able to simply launch the course and make it scale to take up the full screen real estate.
Any help, advice or pointers on how to proceed will be greatly appreciated. Thanks in advance for Your help.