Comment FAIRE - Flotteurs réactifs
Apprenez à créer des éléments flottants réactifs avec CSS.
Flotteurs réactifs
Utilisez des requêtes multimédias et définissez la largeur d'écran spécifiée (en pixels) pour le moment où l'élément doit flotter :
Exemple
/* 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;
}
}
Conseil : Apprenez-en plus sur les flottants dans notre didacticiel sur les flottants CSS .