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
 
Latest Threads
Replies
1
Views
32
Replies
0
Views
35
Replies
0
Views
55
Recommended Threads
Replies
6
Views
4,757
Replies
6
Views
3,981
Replies
56
Views
13,355

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