Skip to content

Instantly share code, notes, and snippets.

@jensgro
Created September 10, 2012 10:09
Show Gist options
  • Save jensgro/3690097 to your computer and use it in GitHub Desktop.
Save jensgro/3690097 to your computer and use it in GitHub Desktop.
mögliche media-queries
@media screen and ( max-width: 1024px ) {
/* remove skyscraper & sponsoring icons in header */
.skyscraper, .sponsor-outside { display: none; }
}
/* === Browser auf breitem Monitor ==== */
@media screen and (min-width: 1150px) {
/* CSS Regeln */
}
/* ====== Tablet ======= */
@media only screen and (device-width: 768px) and (orientation: landscape) {
/* CSS Regeln */
}
@media only screen and (device-width: 768px) and (orientation: portrait) {
/* CSS Regeln */
}
/* ===== Smartphone ====== */
@media screen and (max-device-width: 480px) and (orientation: landscape){
/* CSS Regeln */
}
@media screen and (max-device-width: 480px) and (orientation: portrait){
/* CSS Regeln */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment