Comments on: Choosing a viewport for iPad sites

By: Få en hjemmeside til å vises riktig i iPhone og på iPad ? ⇐ ⇐

Få en hjemmeside til å vises riktig i iPhone og på iPad ? ⇐ ⇐ — Wed, 14 Mar 2012 10:25:21 +0000

[...] Allen Pike Posted in Diverse, lage hjemmeside | Tagged ipad hjemmeside, iphone hjemmeside, lage [...]

By: Jeremy Clarke

Jeremy Clarke — Mon, 13 Feb 2012 22:37:14 +0000

Anyone looking for more info on this should check out this 456 Berea Street article about viewport settings and text size control via CSS. It goes into detail about the danger of maximum-scale and explains things nicely:

http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/

By: pkwooster

pkwooster — Tue, 07 Feb 2012 11:35:04 +0000

I’ve had to move that example to http://test.devondev.com/short.html
I hope someone has some idea what’s going on here.

Thanks/peter

By: pkwooster

pkwooster — Fri, 27 Jan 2012 16:30:37 +0000

Hi,

I’ve noticed some strange behaviour on the iPad and iPhone for short pages that use the meta viewport tag. The width is set much too large in portrait mode. Long pages appear to work properly, I’ve put together a simple test for this at http://test.devondev.com.

I don’t want to prevent the user from zooming in, so I’m not setting the maximum-scale value.

I’m using iOS 4.3.5 on the iPhone and iOS 5.0.1 on the iPad.

Thanks/peter

By: Dillon

Dillon — Sun, 22 Jan 2012 00:03:01 +0000

Thank you!!! Fixed the alignment issues I was having. You’re a lifesaver!

By: Joey

Joey — Tue, 10 Jan 2012 04:36:48 +0000

Thank you so much! This is exactly what I needed to learn tonight. Cheers.

By: destryalhmns

destryalhmns — Fri, 09 Dec 2011 15:45:57 +0000

I can’t get to work at all. I have copied the format directly from apple, android, and webkit documentation as well as following all of the examples that can be found by google.

I have no idea why it does not work. You can change any attribute to anything and it does nothing. For me, this is true in Safari(user agent=ipad), on an actual iPad, and on a droid tablet.

I would really like to get the viewport working because I believe doing so will fix an android cropping issue and an iPad jqm page transition issue. Basically not being able to use the viewport is making the site look bad.

Does anyone have any idea what the problem could be? Here is basic sample code in which the viewport tag is not working for me: http://stackoverflow.com/questions/8347314/android-3-1-browser-does-not-respect-viewport-at-all

By: Stephan

Stephan — Fri, 09 Dec 2011 08:03:49 +0000

Great article. After reading this very book I was redirected here through a few links. I recommend this read for everyone that wants to forever avoid any problems with websites scaling on any device! This book is the holy grail for webdesigners and developers; enjoy.

http://www.abookapart.com/products/responsive-web-design

By: alex

alex — Wed, 23 Nov 2011 14:24:40 +0000

Good article!thanks!

One thing i’m not sure: if the html content size is explicitly assigned in the html text and it ‘s larger then the size in the meta item, the meta content does not work for me!!

Any suggestion?
Thanks in advance.

By: Abs

Abs — Fri, 14 Oct 2011 22:50:43 +0000

Hi Allen,

My site, http://www.fistinthesky.com, just won’t configure properly after following your steps. My current width is set to 100.8em.

Do you have any ideas on to make it view properly on the iPhone and iPad?

Thanks

Abs