CSS Media Queries

KrisR

New member
Registered
Joined
Jun 15, 2013
Messages
7
Points
0
Hi,

I'm looking into 2 CSS frameworks and learning about CSS media queries

Here are codes from Skeleton CSS responsive

Code:
@media only screen and (max-width: 959px) {}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (max-width: 767px) {}
@media only screen and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}
and here it is for Bootstrap CSS responsive framework:

Code:
@media (min-width: 1200px) { ... }
@media (min-width: 768px) and (max-width: 979px) { ... }
@media (max-width: 767px) { ... }
@media (max-width: 480px) { ... }
I want to know these codes are the similar and they will work in all cases?

what is the difference? which one i should go with?

Any guides?
 

Cynical

New member
Registered
Joined
Jun 3, 2015
Messages
5
Points
0
From looking at that, I think they would be different. Try taking a look here
 
Recommended Threads
Replies
3
Views
2,480
Replies
0
Views
1,728
Replies
24
Views
11,903

Latest Hosting OffersNew Reviews

Sponsors

Tag Cloud

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top