Scaling in iFrame on phone version of site
Posted: Sun Dec 13, 2015 2:03 pm
Hello,
I'm working on a phone version of my site - http://www.visual360.co.uk/new/phone/index.html
I'm using Adobe Muse to build it. The 360 is displayed in an iFrame embedded using the following code:
I then need to tweak the .css file to make height 100%. You can download the .css file here: http://www.visual360.co.uk/new/phone/css/index.css
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,
Nick
I'm working on a phone version of my site - http://www.visual360.co.uk/new/phone/index.html
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="http://visual360.co.uk/new/360s/berghaus/home.html" 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>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,
Nick