Scaling in iFrame on phone version of site

Q&A about the latest versions
Post Reply
mrt
Posts: 56
Joined: Mon May 19, 2008 1:22 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:

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>
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
Post Reply