Scale HTML Doc for iPad Question

Get Started | Login

Discussion Forums > WebViews and HTML for Mobile

Replies: 1 Views: 117

javooooo buzztouch Evangelist Posts: 719 Reg: Jun 17, 2011 Sydney, Austral... 18,490	confirm \| cancel 03/12/12 06:54 PM (13 years ago) Scale HTML Doc for iPad Question Hi Guys, I'm scaling one of my HTML web forms (it's a calculator, to be exact) to fit well on the iPad. It looks spot on, as I've added this code in the head: <meta name="viewport" content="width=768; initial-scale=1.2; maximum-scale=1.2 ; user-scalable=0;"/> I'm trying to make it so that the page won't move etc, it remains static. However, as it is a calculator, and has keyboard fields, when you tap on a field the page moves while the iPad centres the text field on the screen. Is it possible to stop this happening? Maybe by setting a static pagewidth or something? It's really annoying!! Thanks :) Title Comments Hi Guys, I'm scaling one of my HTML web forms (it's a calculator, to be exact) to fit well on the iPad. It looks spot on, as I've added this code in the head: <meta name="viewport" content="width=768; initial-scale=1.2; maximum-scale=1.2 ; user-scalable=0;"/> I'm trying to make it so that the page won't move etc, it remains static. However, as it is a calculator, and has keyboard fields, when you tap on a field the page moves while the iPad centres the text field on the screen. Is it possible to stop this happening? Maybe by setting a static pagewidth or something? It's really annoying!! Thanks :)

David @ buzztouch buzztouch Evangelist Posts: 6866 Reg: Jan 01, 2010 Monterey, CA 78,840	03/13/12 02:23 AM (13 years ago) iPad's tough this way. Some good scrolling changes with iOS5 here (watch the vids)... http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5 Comments iPad's tough this way. Some good scrolling changes with iOS5 here (watch the vids)... http://davidbcalhoun.com/2011/new-mobile-safari-stuff-in-ios5-position-fixed-overflow-scroll-new-input-type-support-web-workers-ecmascript-5

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.