On Wed, Jul 6, 2011 at 5:08 PM, David Laakso <da...@chelseacreekstudio.com> wrote: > On 7/6/11 4:11 PM, Tom Livingston wrote: >> >> Can anyone tell me why the background in this layout is getting messed >> up in mobile Safari? (iPhone, at least. Haven't checked an iPad). >> >> http://proof.mlinc.com/mlinc.com/2012/whyus/ >> >> TIA! >> > > > Umm. I must be missing something... > > The only mq I see is... > @media only screen > and (min-device-width : 320px) > and (max-device-width : 480px) { > -webkit-text-size-adjust:none; > } > > and there are no styles associated for mobile within it? > Consequently, the page is unreadable on landing; however, the background > image appears. > Font-scaling brings the type up to a readable state, the browser throws a > huge h-scrollbar, and the background image is no longer present in both > portrait and landscape view. > > This end--- > Samsung Galaxy Prevail for BoostMobile [a low-end 340 x 480 touchscreen] > Android/2.2.2, Opera Mobile, OperaMini. >
Im aware of the lack of mobile styles. More will be coming, however I was referring to the containing 'outer' divs that have a 100% width. On my iPhone, they do not seem to honor that 100% width. Is there a way to get them to be 100% wide on the phone? -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ 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/
