Hey Scott,

I'm actually looking to do the same, to resize all screens min-height so you will always have a full-screen experience with no scroll to empty area. I used to put a 415px min-height by default in the CSS but as you said, standalone & browser mode is not the same, plus tablets / Android devices / BB OS6 / Palm / ...

So here is what i have. You should take a look at it
http://we-are-gurus.com/labs/iui-clone/test/resize-test.html

I still have some bugs on Android when switching from portrait to landscape to portrait. If you can help to debug, i'd be glad!

R.

Le 17 mars 11 à 13:41, KCL a écrit :

Is there a way, through javascript, to get the actual viewable area on a device? Not hard coding, but tracking down the dimensions of the viewable screen via javascript?

On the iPhone, if you're not in fullscreen mode, you've got the Safari tabbar at the bottom that doesn't scroll. I know I can get the dimensions of it easy enough and hard-code the viewable screen size by subtraction when not in fullscreen. But I'd like to have a more robust solution (robust meaning I can code it and forget about it for future devices) that could work cross-platform on webkit devices.

Scott.

--
You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to [email protected] . For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en .

--
You received this message because you are subscribed to the Google Groups 
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/iphonewebdev?hl=en.

Reply via email to