Come creare: Flottaggio responsiveness

Impara come creare elementi fluttuanti responsiveness con CSS.

Flottaggio responsiveness

Utilizzare le query mediatiche e impostare una larghezza di schermo specifica (in pixel) per determinare quando un elemento dovrebbe flottare:

/* In schermi con larghezza di 768 pixel o inferiore, flottare a destra */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* In schermi con larghezza di 769 pixel o superiore, flottare a destra */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Prova personalmente

Pagine correlate

Tutorial:Flottaggio CSS