Sådan oprettes: Responsiv flytning
- Forrige side Fjern flydende
- Næste side Notifikation bånd
Lær, hvordan du bruger CSS til at oprette responsivt flyttbare elementer.
Responsiv flytning
Brug medieundersøgelser og indstil specifikke skærmbredder (i pixel) for at bestemme, hvornår et element skal flyttes:
/* På skærme med en bredde på 768 pixel eller mindre skal elementet flyttes til højre */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* På skærme med en bredde på 769 pixel eller mere skal elementet flyttes til højre */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
Relaterede sider
Tutorial:CSS flydende
- Forrige side Fjern flydende
- Næste side Notifikation bånd
