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.
Best,
~d
--
http://chelseacreekstudio.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/