Yaratma: Yanıtlayıcı Yükleme

CSS kullanarak yanıtlayıcı yüklü elementler oluşturma öğrenin.

Yanıtlayıcı Yükleme

Ekran genişliğini belirli bir piksel değerine göre ayarlayarak medya sorguları kullanarak elementin ne zaman yükleneceğini belirleyin:

/* 768 piksel genişliğine veya daha küçük ekranlarda sağa yüklü */
@media (max-width: 768px) {
  .sağa-küçük {
    float: sağa;
  }
}
/* 769 piksel genişliğine veya daha büyük ekranlarda sağa yüklü */
@media (min-width: 769px) {
  .sağa-büyük {
    float: sağa;
  }
}

Kişisel Olarak Deneyin

İlgili Sayfalar

Eğitim:CSS Yüzeysellik