Wie wird erstellt: Responsive Floating

Lernen Sie, wie Sie mit CSS responsive Floating-Elemente erstellen.

Responsive Floating

Verwenden Sie Medienabfragen und stellen Sie spezifische Bildschirmbreiten (in Pixel) ein, um zu bestimmen, zu welchem Zeitpunkt ein Element ausgerichtet werden sollte:

/* Auf Bildschirmen mit einer Breite von 768 Pixeln oder weniger nach rechts ausrichten */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* Auf Bildschirmen mit einer Breite von 769 Pixeln oder mehr nach rechts ausrichten */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Try it yourself

Related pages

Tutorial:CSS floating