Hello all, I am finally creating a theme for a web client for the mobile devices and in doing so I noticed that my site is presenting and behaving as expected on everything but iPhone4/4s. I will deal with iPad later. Besides the Apple Developer docs, where can I find good intel on iOS quirkiness and the rules that must be followed for it to play nicely like the rest of the children? [>] What I am looking for is this: When I rotate the phone after initial load (where it should fit in the viewport; landscape or portrait) I want the site to stay inside the width of the viewport and not break just because I change the orientation.
Here is a sample I copied from dev7studios.com http://www.110rpm.com/bnc.html (must view from iPhone to see the correct page) As you can see, no matter how many time you swap the orientation it stays within its confines. The width is around 960px on this page. I have scoured the HTML, JavaScript and the CSS and I do not see anything that is special; nothing that looks to see if the visitor is on iOS. Nothing that checks for orientation. Any help, pointing of the right direction, giggling, etc will be appreciated. ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
