CSS Media Queries

KrisR

New member
Joined
Jun 15, 2013
Messages
8
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
Joined
Jun 3, 2015
Messages
5
Points
0
From looking at that, I think they would be different. Try taking a look [URLnf="https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries"]here[/URLnf]
 

PluginForage

New member
Joined
Jul 26, 2015
Messages
55
Points
0
They are similar but one is saying if a screen use this. [URLnf="http://www.w3.org/TR/CSS2/media.html"]More about media types[/URLnf]
 
Latest threads
Replies
3
Views
1,265
Replies
0
Views
684
Replies
4
Views
1,799
Replies
2
Views
793
Recommended threads

Referral contests

Referral link for :

Sponsors

Popular tags

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