Le 3 avr. 2013 à 08:41, Micky Hulse <[email protected]> a écrit :
> When designing desktop first MQs, how should the MQs stack?
Depends? How do you write your MQ's?
@media (max-width: 500px) {}
or
@media (min-width: 300px) and (max-width: 500px) {}
If you use the first one, bear in mind the cascade, as those MQ's are
cumulative (or the negative of it). IOW,
@media (max-width: 800px) would apply to both an iPhone and an iPad, whereas
@media (max-width:480px) would only apply to an iPhone. Eventually.
For the rest, what Tom says:
> My experience with a site I took over that was done this way is that desktop
> first seems to require a lot more code to over-ride the desktop layout than
> it does to build mobile-first.
(it is less work when you start from scratch having a desktop first concept in
mind than when you refactor an existing site that was not build for
multi-devices display).
Philippe
--
Philippe Wittenbergh
http://l-c-n.com
______________________________________________________________________
css-discuss [[email protected]]
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/
