I've fervently kept up with the thread in the hopes that it would also shed light on a that I am having with a new site (our new company site).
http://new.hairydogdigital.com It is a Joomla site that should display with alternate css depending upon max-device-width for both tablet and smartphone. So far it works as expected with one strange hitch... and this is where I thought this thread would help... When loading on iPad the site loads as expected regardless of portrait or landscape orientation. When switching from landscape to portait everything adjusts properly. However, when switching from portrait to landscape the site scales up for some reason that is beyond me, forcing the user to pinch the display to fit. My guess is that this problem also occurs on iPhone/iPod Touch as well. After following this thread, I thought it may be related to a slider that is set to display:none at tablet and smartphone sizes. I tried switching to visibility:hidden. That did not only NOT resolve the problem, it introduced myriad others. I found the following thread on Stack Overflow that addresses the problem: http://stackoverflow.com/questions/5434656/ipad-layout-scales-up-when-rotati ng-from-portrait-to-landcape However, the one viable solution presented requires JavaScript. Has anyone dealt with this without relying on JavaScript and in such a way that you do not eliminate the ability for the user to pinch-zoom? ____________________________________ Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. ______________________________________________________________________ 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/
