Did you set "portrait" or "landscape" on those media queries? Or are you going
by pixels alone?
@media screen and (max-height:600px) {}
@media screen and (max-height:600px) and portrait {}
These work somewhat differently.
Best,
Karl
Sent from losPhone
> On Feb 16, 2015, at 9:01 AM, Tom Livingston <tom...@gmail.com> wrote:
>
> Imo, unless the content suffers horribly at landscape, sounds like you
> could just move your breakpoint. You may be able to get away with no
> breakpoint until somewhere around 600px or em equivalent (recommended).
>
>
> On Mon, Feb 16, 2015 at 12:18 AM Crest Christopher <
> crestchristop...@gmail.com> wrote:
>
>> I've run into an odd problem with a MQ between two different phones that
>> have the same width when in landscape mode which is 480px. Those two
>> phones are iPhone 4 and my Lumia 1520, the page I'm working on looks,
>> for the most part, fine, when viewed on a iPhone 5, when I preview on my
>> Lumia, the page breaks and I don't understand why ?
>>
>> Christopher
>> ______________________________________________________________________
>> 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/
______________________________________________________________________
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/
