CSS'de görüntü alanının boyutu nasıl elde edilir? [çiftleme]

Question

Tümü tarayıcı penceresi kadar büyük div-kapsayıcıları içermesi gereken bir HTML div-kapsayıcım var, bu yüzden örneğin tarayıcı pencerem 200 piksel yüksekliğinde ve 100 piksel genişliğinde olduğunda her kapsayıcı 200 piksel yüksekliğinde ve 100 piksel genişliğinde olmalıdır. Bu, tüm alt kapsayıcıları içeren üst kapsayıcıdır:

.largest_parent_container {
  width: 100%;
  position: absolute;
}

Alt kapsayıcılar için şu anki tarzım:

.children_container {
  height: 100%;//doesnt work because it takes the height of the absolute parent container.
  width: 100%;
  position: absolute;
}

Umarım sorunumu anlarsın.

Bana yardım edersen çok mutlu olurum.

İyi günler dilerim.

Answer 1

Görüntü alanlarını kullanmayı düşünün . CSS'de, görünüm alanları vwveya olarak belirtilir vh(sırasıyla görünüm alanı genişliği ve görünüm alanı yüksekliği).

Öyleyse, bir şeyin tarayıcı penceresinin yüksekliğinde olmasını istiyorsanız height: 100vh, bu etkin bir şekilde görüntü alanı yüksekliğinin% 100'ü anlamına gelir.