Hur skapa: Responsiv flyttning
- Föregående sida Rensa flöde
- Nästa sida Meddelandeband
Lär dig hur du använder CSS för att skapa responsiva flyttbara element.
Responsiv flyttning
Använd mediefrågor och ställa in specifika skärmbredder (i pixlar) för att avgöra när elementen ska flyttas:
/* På skärmar med en bredd på 768 pixlar eller mindre ska elementet flyttas till höger */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* På skärmar med en bredd på 769 pixlar eller större ska elementet flyttas till höger */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
Relaterade sidor
Lär dig:CSS-flöde
- Föregående sida Rensa flöde
- Nästa sida Meddelandeband
