CSS-Styles für mobile Endgeräte anpassen

Die meisten Elemente, die auf den Uni-Webseiten verwendet werden, sind bereits genügend für die Ansicht auf mobilen Endgeräten angepasst.

In Einzelfällen kann es vorkommen, dass dies noch nicht geschehen ist. In diesem Fall wenden Sie sich gerne an die Web-Entwicklung (internet@uni-bielefeld.de) und weisen Sie uns auf diese Elemente hin.

Desweiteren haben Sie eventuell eigene Elemente, die Sie gerne für die mobile Version optimieren möchten.
Hierfür kopieren Sie untenstehenden Quellcode, fügen ihn in Ihre eigene Style-Datei ein und passen Ihre Styles entsprechend der Displaygrößen an:

/* Small screen / tablet / 760px to 991px */
@media (max-width: 991px) {
  ...
}

/* Smaller screen / tablet+phone / 480px to 759px */
@media (max-width: 759px) {
  ...
}

/* Extra small screen / smartphone / 280px to 479px */
@media (max-width: 479px) {
  ...
}


Zurück zum Styleguide