Account Options

  1. Sign in
The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Google Groups Home
« Groups Home
Message from discussion posting from my iPhone... Problems with width of iPhone apps
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
Christopher Allen  
View profile  
 More options Jun 30 2007, 10:52 am
From: "Christopher Allen" <Christoph...@iPhoneWebDev.com>
Date: Sat, 30 Jun 2007 07:52:04 -0700
Local: Sat, Jun 30 2007 10:52 am
Subject: Re: posting from my iPhone... Problems with width of iPhone apps
On 6/30/07, Julian David <mobid...@gmail.com> wrote:

> I have confirmed from an actual iPhone user that using <meta
> name="viewport" content="width=320" /> in the HTML <head> prevents the
> iPhone Safari browser from zooming out, as long as the body of the
> page does not have content wider than 320.  The iPhone also appears to
> scale well when rotated.

I've found so far I'm unhappy with viewport of 320 in horizontal
orientation. I want the visual size of the fonts in horizontal to be
the same size as the fonts in vertical. I just want the text to be
reflowed wider.

> We tried the <meta name="viewport" content="initial-scale=1.0" />
> declaration in an actual iPhone and it did what it is supposed to do
> (scale up to the larger width), but we found it less preferable
> because it scaled things too much.  For instance most lines of text
> longer than 12 characters at 10pt size wrapped.

> Our conclusion is to use Christopher's first suggestion: <meta
> name="viewport" content="width=320" /> and then tweak/play if your
> application has special needs.

That is too bad -- I was hoping inital-scale would do what I want and
keep the font sizes the same in both orientations.

Have you tried any of the other viewport variants? user-scalable,
minimum-scale, maximum-scale? How about font size tweaks using:

<tag style="-webkit-text-size-adjust:none">
<tag style="-webkit-text-size-adjust:auto"> default
<tag style="-webkit-text-size-adjust:200%">

-- Christopher Allen


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.