Jak to zrobić — responsywne pływaki
Dowiedz się, jak tworzyć responsywne elementy pływające za pomocą CSS.
Responsywne pływaki
Użyj zapytań o media i ustaw określoną szerokość ekranu (w pikselach), kiedy element powinien być swobodny:
Przykład
/* 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;
}
}
Wskazówka: Dowiedz się więcej o pływakach w naszym samouczku CSS Float .