bookmark_borderbookmark
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Bu yedinci örnekte, otomatik olarak yerleştirilen ve esnek alt öğeleri olan duyarlı bir düzen oluşturmak için öğrendiğiniz kavramlardan bazılarını birleştirin. Çok kullanışlı. Burada unutulmaması gereken temel terimler repeat, auto-(fit|fill) ve minmax()'dir. Bunlar, RAM kısaltmasından hatırlanır.
Tekrar repeat() kullanıyorsunuz ancak bu sefer açık bir sayısal değer yerine auto-fit anahtar kelimesini kullanıyorsunuz. Bu, söz konusu alt öğelerin otomatik olarak yerleştirilmesini sağlar. Bu çocuklar için minimum değer 150px ve maksimum 1fr değeridir. Yani daha küçük ekranlarda 1fr genişliğinin tamamını kaplar ve her biri 150px genişliğe ulaştıkça aynı çizgiye akmaya başlar.
auto-fit kullanıldığında, tamamen boş olan tüm parçalar 0 boyutuna küçültülür ve doldurulmuş parçalar yer kaplayacak şekilde büyür. Ancak bunu auto-fill olarak değiştirirseniz boş kanallar, doldurulduklarında alacaklarıyla aynı miktarda alanı kaplar:
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2023-10-25 UTC."],[],[]]