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
iPhoneWebDev
Home
About this group
Apply for group membership
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
 
Chris  
View profile  
 More options Jul 1 2007, 2:27 pm
From: Chris <chris.mess...@gmail.com>
Date: Sun, 01 Jul 2007 11:27:47 -0700
Local: Sun, Jul 1 2007 2:27 pm
Subject: Re: posting from my iPhone... Problems with width of iPhone apps
Print | View thread | Show original | Report this message | Find messages by this author
For some background on the 'viewport', I posted this to Brent Simmons'
iPhone group (http://lists.ranchero.com/listinfo.cgi/iphone-
ranchero.com):

The "viewport" is actually part of canvas, which is what WebKit
leverages to do all it's funky magic. Quite simply: "The viewport is
the part of the screen that you are currently seeing; everything you
see from the webpage is part of the viewport."

Whereas the canvas is everything else: "The canvas is the part of the
document the background-image is painted on. You can say it has an
infinite height and width so you can't position something on it."

This is from: http://annevankesteren.nl/2004/05/viewport-canvas-root

Here's the definition on the W3 site.. it's actually part of the
CSS2.1 spec:

http://www.w3.org/TR/CSS21/visuren.html#q2

There's more here from a WWDC tutorial:

> Default view port width is 390px. It's easy to get too narrow if you're not careful. Need to specify viewport property. <meta name="viewport" content="widget=320" />

> Six view port properties that can be set.

> width, height, initialscale, user - scalable ...

> We'll need to take advantage of -"WebKit":http://webkit.org/-text-size-adjustment to make things legible after double tap. -wgetkit-text-size-adjust:none|auto|percentage

http://www.atomictypewriter.org/read.php/WWDC07_Apple_Developer_Confe...

Anyway, that should give you some idea of what's going on. I find it
odd that they're using a metatag rather than a CSS property applied to
the body, but maybe that's something we should lobby the webkit folks
on... ;)

Chris

On Jun 30, 9:59 am, dvogel <dlvo...@gmail.com> wrote:

> I just tried creating an inital page with just and iframe set to 320 x
> 320  for the content and using the viewport(width=320) and it works
> like a champ.

> On Jun 29, 6:09 pm, David Cann <davidjc...@gmail.com> wrote:

> > I've tried both 100% and 320px wide, but neither is working.  I think
> > safari is assuming an 800px width.  Anyone found a solution to this
> > yet?
> > -d


 
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.
Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2012 Google