Akışkan Ölçüler

CSS içinde akışkan ölçüler kavramını, kullanım sınırlarını ve güvenilir uygulama biçimini öğrenin.

Akışkan Ölçüler, CSS ile duyarlı tasarım çalışırken bileşenler arasındaki sorumlulukları belirginleştirmek için kullanılan yaklaşımı açıklar. Dosya ve akış işlemleri işletim sistemi kaynağı kullanır; sahip olan kod kaynağın her çıkış yolunda kapanmasını garanti etmelidir.

Tüm dosyayı belleğe almak yerine veri büyüklüğüne göre akışlı okuma seçmek ve karakter kodlamasını açıkça belirtmek gerekir. Girdinin biçimini ve geçerliliğini sınırda denetlemek, iç katmanların daha sade kalmasını sağlar. Aşağıdaki örnek, konuyu küçük ve izlenebilir bir akış içinde gösterir.

Yaygın hata ve doğru yaklaşım

Kavramı her durumda uygulanacak bir kural gibi kullanmak gereksiz karmaşıklık üretir. Önce problemin sınırını belirleyin, ardından en küçük yeterli yapıyı seçin.

Sonuç

Akışkan Ölçüler, doğru sınırlar ve açık bir sözleşmeyle kullanıldığında CSS kodunun güvenilirliğini artırır. Önce doğruluğu kurun; ölçüm göstermeden karmaşık optimizasyona yönelmeyin.

Akışkan Ölçüler örneği

.page {
  width: min(100% - 2rem, 70rem);
  margin-inline: auto;
}

@container (min-width: 36rem) {
  .lesson { display: grid; grid-template-columns: 2fr 1fr; }
}