Hoe OM - Responsiewe dryf
Leer hoe om responsiewe drywende elemente met CSS te skep.
Responsiewe dryf
Gebruik medianavrae en stel die gespesifiseerde skermwydte (in piksels) in vir wanneer die element moet dryf:
Voorbeeld
/* 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;
}
}
Wenk: Kom meer te wete oor vlotte in ons CSS Float- tutoriaal.