Smart Scaling

3 views
Skip to first unread message

dvogel

unread,
Jun 30, 2007, 9:41:54 AM6/30/07
to iPhoneWebDev
Has anyone figured out how to turn off smart scaling. Whenever I have
an element move off the screen the iPhone's browser starts to
rescale. thanks.

Christopher Allen

unread,
Jun 30, 2007, 10:26:23 AM6/30/07
to iphone...@googlegroups.com

Try in <head>:

<meta name="viewport" content="initial-scale=1.0" />
<meta name="viewport" content="user-scalable=false" />

I've not experimented with this yet so if it works, let us know.

-- Christopher Allen

dvogel

unread,
Jun 30, 2007, 12:58:02 PM6/30/07
to iPhoneWebDev
Nope, didn't work, but i did find a work around. I created a page
with an iframe set to 320 x 320 and that solved the problem....along
with the meta tag viewport=320. Now everything flows as expected.

On Jun 30, 7:26 am, "Christopher Allen"
<Christoph...@iPhoneWebDev.com> wrote:

Christopher Allen

unread,
Jun 30, 2007, 1:05:52 PM6/30/07
to iphone...@googlegroups.com
On 6/30/07, dvogel <dlv...@gmail.com> wrote:
> Nope, didn't work, but i did find a work around. I created a page
> with an iframe set to 320 x 320 and that solved the problem....along
> with the meta tag viewport=320. Now everything flows as expected.

Anything public that we can take a look at?

-- Christopher Allen

dvogel

unread,
Jun 30, 2007, 1:11:17 PM6/30/07
to iPhoneWebDev
pretty raw, but.....

http://apptophone/apptophone/start2.htm

..again its very experimental, so please be kind

On Jun 30, 10:05 am, "Christopher Allen"
<Christoph...@iPhoneWebDev.com> wrote:

dvogel

unread,
Jun 30, 2007, 1:12:15 PM6/30/07
to iPhoneWebDev

Ⓙⓐⓚⓔ

unread,
Jun 30, 2007, 1:23:56 PM6/30/07
to iphone...@googlegroups.com
brought it up 2 times on my iP. first time it came in tiny... I 2 fingered it and it looked ok, second time it started full iP screen.

are any of those buttons functional? just a blank white screen appeared (nicely though!)

On 6/30/07, dvogel <dlv...@gmail.com> wrote:



--
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ

Christopher Allen

unread,
Jun 30, 2007, 1:25:05 PM6/30/07
to iphone...@googlegroups.com
After trying out a few of the iPhone webapps (as defined by people
doing application like functionality at native resolution of the
iPhone), it is definitely looking like in addition to setting viewport
correctly that scaling has to be turned off somehow.

Even with viewports being set to width=320 I'm often seeing scaling
happen such that part of the display is now offscreen. I've seen this
in both Hahlo and and Dave's Cann's IM app, in particular after
entering text input.

Has anyone had any success with the initial-scale or user-scalable?
Maybe it is <meta name="viewport" content="user-scalable=0" /> rather
then
<meta name="viewport" content="user-scalable=false" /> ?

-- Christopher Allen

dvogel

unread,
Jun 30, 2007, 1:28:10 PM6/30/07
to iPhoneWebDev
No, none are functional yet. Its just an animation experiment. odd
about the scaling. its coming up full screen for me ever time on the
phone.

On Jun 30, 10:23 am, "Ⓙⓐⓚⓔ" <jakeci...@gmail.com> wrote:
> brought it up 2 times on my iP. first time it came in tiny... I 2 fingered
> it and it looked ok, second time it started full iP screen.
>
> are any of those buttons functional? just a blank white screen appeared
> (nicely though!)
>

dvogel

unread,
Jun 30, 2007, 1:32:23 PM6/30/07
to iPhoneWebDev
ok, now <meta name="viewport" content="user-scalable=0" /> seems to
work too

http://apptophone.com/apptophone/start3.htm


On Jun 30, 10:25 am, "Christopher Allen"

Seni Sangrujee

unread,
Jun 30, 2007, 6:52:39 PM6/30/07
to iPhoneWebDev
I haven't tried user-scalable, but "initial-scale" has been
encouraging so far:

<meta name = "viewport" content = "maximum-scale=1.0,width=320,initial-
scale=1.0" >

You can try it out at:
http://ipheed.com/
(click on the demo link at the bottom to view more pages)

-seni


On Jun 30, 10:25 am, "Christopher Allen"

Christopher Allen

unread,
Jun 30, 2007, 7:43:36 PM6/30/07
to iphone...@googlegroups.com
On 6/30/07, Seni Sangrujee <sang...@gmail.com> wrote:
> I haven't tried user-scalable, but "initial-scale" has been
> encouraging so far:
>
> <meta name = "viewport" content = "maximum-scale=1.0,width=320,initial-
> scale=1.0" >
>
> You can try it out at:
> http://ipheed.com/
> (click on the demo link at the bottom to view more pages)

So far this is one of the better iPhone webapps out there. Works great
in 320, doesn't take advantage of 480 but works (but there are issues
with that in that we don't really now how). I entered a test post in
my "blog" at http://ipheed.com/ChristopherA.html and I didn't get some
of the wierd post-entry effects that entering text has caused in other
apps.

Overall controlling the scaling appears to be the number one issue
with the existing iPhone optimized webpages and attempts to create
webapps. Almost all of them at some point or another will go to an
oddball scale and require pinching to return it to the proper display.

-- Christopher Allen

dean.j.robinson

unread,
Jul 1, 2007, 1:59:44 AM7/1/07
to iPhoneWebDev
Just found this, I was searching for some more info on the viewport
tag...

http://www.webmasterworld.com/forum83/9139.htm

It seems to indicate that the position:fixed uses the bounds of the
viewport as its "origin" which would be why my toolbar scroll with
everything else. its always positioned 0px from the bottom of the
viewport, and the viewport itself is moving. ....now to find a
solution


On Jul 1, 9:43 am, "Christopher Allen" <Christoph...@iPhoneWebDev.com>
wrote:


> On 6/30/07, Seni Sangrujee <sangru...@gmail.com> wrote:
>
> > I haven't tried user-scalable, but "initial-scale" has been
> > encouraging so far:
>
> > <meta name = "viewport" content = "maximum-scale=1.0,width=320,initial-
> > scale=1.0" >
>
> > You can try it out at:
> >http://ipheed.com/
> > (click on the demo link at the bottom to view more pages)
>
> So far this is one of the better iPhone webapps out there. Works great
> in 320, doesn't take advantage of 480 but works (but there are issues
> with that in that we don't really now how). I entered a test post in

> my "blog" athttp://ipheed.com/ChristopherA.htmland I didn't get some

Reply all
Reply to author
Forward
0 new messages