How TO - Galleggianti reattivi
Scopri come creare elementi mobili reattivi con CSS.
Galleggianti reattivi
Usa le media query e imposta la larghezza dello schermo specificata (in pixel) per quando l'elemento deve essere mobile:
Esempio
/* Float to the right on screens that are equal to or less than 768px wide */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* Float to the right on screens that
are equal to or greater than 769px wide */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
Suggerimento: scopri di più sui float nel nostro tutorial sui float CSS .