The viewport setting I posted here is the one I used for the Android 2.1/Android 2.2 browser. Without that, the canvas reported a wrong width/height value for me. In my case, the application was loaded into a PhoneGap based Android app.
For Ripple, did you try to set the DPI level of the device? On Tue, Dec 7, 2010 at 8:18 AM, Founder <[email protected]> wrote: > Funny, ppl start with (canvas?/tablslider width) 320x359 as resolution and > it fits perfectly (and maybe some index.html modifications from > http://weblog.openlaszlo.org/archives/2007/07/our-first-iphone-app/ > I don't care why it now works, if it is one thing or a few little things > together. The http://iphonetester.com/ shows it great now and > my tabslider runs well.. In Ripple Emulator I never got the tabslider going > but my friend tells me in the real 3G it works.. > The below (just: <meta name = "viewport" content = > "user-scalable=no,width=device-width" />, link..., etc) is also still > manually inserted/corrected in the widget's index.html file afterwards as it > has two entries after SOLO "by default!" (bug) > > Best, > Duke2010 > > PS: No brain'er: why not 320x480, well I guess ( I have not an iphone) the > rest ist for Browser buttons and the like, hence the real resolution is 320 > width x 359 height. > http://weblog.openlaszlo.org/archives/2007/07/our-first-iphone-app/ uses > it in its index.iphone.html, too! Sad: not mentioned nowhere in the > description ;) > > > -- > Sent from Ubuntu > > > > P T Withington: > > Note that you can put these headers right in your app and they will be > auto-inserted into the generated wrapper using the <wrapperheaders> tag: > > <canvas> > <wrapperheaders> > <meta name = "viewport" content = "user-scalable=no,width=device-width" /> > </wrapperheaders> > ... > > You may also want to add: > > <link rel="apple-touch-icon-precomposed" href="...url to your custom > icon.png" /> > > in the <wrapperheaders> > > On 2010-11-29, at 04:46, Raju Bitter wrote: > > > Check the viewport setting for the HTML page, something like: > > <meta name = "viewport" content = "user-scalable=no,width=device-width" /> > > > > - Raju > > > > On Sun, Nov 28, 2010 at 1:38 PM, Founder <[email protected]> wrote: > >> > >> When I set canvas to each 100% and the window to each 100% then I assume > >> to get a perfectly fitting window on the iphone 3G. But fact is, that you > >> get a perfect window which one still can move around.. I use dhtml ( a > >> must). What is going wrong here? I dislike using % because I want to surf > >> to the APP also by PC and there I want an iphone size window and nothing > >> in % to screen esolution. Also, I can make a window bigger than 320x480 = > >> iphone max site... Somthing near to 345x500, then it fills the iphone > >> screen at last?!?!?! > >> > >> Best, > >> > >> Duke2010 > >> > >> > >> > >> -- > >> Sent from Ubuntu > >> > >> > > > > >
