Re: [css-d] FIXED: iPhone/iPad iPhun
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/
Re: [css-d] FIXED: iPhone/iPad iPhun
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 Addenda: This method does not allow pinch-zoom. At least not in my testing. __ 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/
Re: [css-d] FIXED: iPhone/iPad iPhun
On Jan 14, 2012, at 1:00 PM, Rob Emenecker list-s...@hairydogdigital.com wrote: 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 Addenda: This method does not allow pinch-zoom. At least not in my testing. _ This is the down side to this method. Keeping people from zooming is bad. I posted a link to a recent js fix early in this thread ( the OP's thread) that seems to be working well based on reviewers testing. __ 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/
Re: [css-d] FIXED: iPhone/iPad iPhun
I posted a link to a recent js fix early in this thread ( the OP's thread) that seems to be working well based on reviewers testing. Ah! I just dug back through the original posts and found the link. Thanks Tom! 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/
Re: [css-d] FIXED: iPhone/iPad iPhun
OK I found what was causing the issue; Nivo Slider CSS, specifically this:
[]
.nivo-html-caption {
display:none;
}
I changed it to
.nivo-html-caption {
visibility: hidden;
}
and the bug goes away for this page.
Anyone enlighten me as to why this would be?
__
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/
