definiowanie media queries: standardowe szerokości

Media queries powinno się zdefiniować dla:

320px
480px
600px
768px
900px
1200px

przykładowy kod:

@media screen and (min-width: 1200px) {
.content {}
}
@media screen and (min-width: 900px) {
.content {}
}
@media screen and (min-width: 768px) {
.content {}
}
@media screen and (min-width: 600px) {
.content {}
}
@media screen and (min-width: 480px) {
.content {}
}
@media screen and (min-width: 320px) {
.content {}
}

na podstawie http://blog.teamtreehouse.com/beginners-guide-to-responsive-web-design

Reklamy

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s