Πώς να δημιουργήσετε: Απάντησες κολυμπήσεις

Μάθετε πώς να δημιουργήσετε εύρημα κολυμπήσεις με CSS.

Απάντησες κολυμπήσεις

Χρήση των ερωτημάτων μέσων και ρύθμιση συγκεκριμένων πλάθων οθόνης (σε εικονοστοιχεία) για να καθορίσουμε πότε θα κολυμπήσει το στοιχείο:

/* Στην οθόνη με πλάτος ίσο ή μικρότερο από 768px, θα κολυμπήσει δεξιά */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* Στην οθόνη με πλάτος ίσο ή μεγαλύτερο από 769 εικονοστοιχεία, θα κολυμπήσει δεξιά */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Δοκιμάστε το προσωπικά

Σχετικές σελίδες

Εκμάθηση:CSS Κύλιση