Page 1 of 1

Scaling in iFrame on phone version of site

Posted: Sun Dec 13, 2015 2:03 pm
by mrt

I'm working on a phone version of my site -

I'm using Adobe Muse to build it. The 360 is displayed in an iFrame embedded using the following code:

Code: Select all

<iframe src="" name="iframe_window" width="100%" height="100%" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="float:left; margin-left:0px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
I then need to tweak the .css file to make height 100%. You can download the .css file here:

This technique has worked fine for the desktop version of the site, but on the phone version, the 360 automatically zooms in.

Does anyone have any ideas?

Thanks in advance,