To solve the second point you raise about everything being small, the viewport meta tag would adjust how your design appears on mobile devices. There's numerous good resources available but as a starter a suggestion would be
<meta name="viewport" content="width=device-width, initial-scale=1.0"> Perhaps try the second media query again with the viewport added, hopefully it will solve the skinny browser and mobile view. Regards Dez _____________ 🏃💨 On 20 May 2013, at 15:30, Dave Solko <d...@pixelalchemy.com> wrote: > I'm having a couple of issues with my attempt at adding responsive aspects to > an existing design. Files at http://skunkworks.pixelalchemy.com/responsive/ > > 1. How do I target both mobile and skinny browser windows: I've tried: > @media screen and (max-device-width: 480px) { > > @media (max-width: 480px) { > > The first works for a mobile device, and the second OMM when I'm developing, > but neither works for both. > > 2. Why is everything so small on a mobile device (iOS specifically)? > > > > Dave Solko > Pixel Alchemy > d...@pixelalchemy.com > 513.300.2165 > > > > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/