Nasıl Yapılır - Duyarlı Şamandıralar
CSS ile duyarlı yüzen öğelerin nasıl oluşturulacağını öğrenin.
Duyarlı yüzer
Medya sorgularını kullanın ve öğenin ne zaman yüzmesi gerektiği için belirtilen ekran genişliğini (piksel olarak) ayarlayın:
Örnek
/* 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;
}
}
İpucu: CSS Float Eğitimimizde kayan noktalar hakkında daha fazla bilgi edinin .