On Mon, May 20, 2013 at 10:30 AM, 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
>
>
>
I generally use @media only screen and (min-width: [breakpoint]){}
with a mobile-first layout. As far as size go, it may be the 13px font
size on the body.
--
Tom Livingston | Senior Front-End 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/
