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
and here it is for Bootstrap CSS responsive framework:
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?
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) {}
Code:
@media (min-width: 1200px) { ... }
@media (min-width: 768px) and (max-width: 979px) { ... }
@media (max-width: 767px) { ... }
@media (max-width: 480px) { ... }
what is the difference? which one i should go with?
Any guides?