Link to home
Start Free TrialLog in
Avatar of Bruce Gust
Bruce GustFlag for United States of America

asked on

CanI do a range of screen sizes within my media queries?

Right now, I have the graphics I need in order to accommodate the following screen sizes:

320
480
540
640
750
960
1080
1136
1280
1334
1920

As much time and effort I've poured into this, I'm realizing now that I've got several hours of work ahead of me, because I'm still missing 600, 720, 800, 854 just for Android screen sizes.

Before I move forward, it dawned on me that perhaps the media queries that I use can be enhanced by doing some kind of range. So, rather than:

@media screen and (max-width:1920px) {
my stuff for 1920
}

I could write something like:

@media screen and (max-width:1920px and max-width:1536) {
stuff that accommodates both screen resolutions
}

Is there such a thing? Is there a more streamlined approach to accommodating 24+ different configurations of mobile and tablet screen sizes?
ASKER CERTIFIED SOLUTION
Avatar of Steve Bink
Steve Bink
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial