CSS VH VW nedir?

CSS VH ve VW, viewport yüksekliği ve genişliği ölçü birimleridir. Bu birimler, responsive tasarımda öğelerin boyutlarını ekran boyutuna göre ayarlamak için kullanılır.

İçindekiler Göster

CSS VH VW nedir?

CSS'de VH (viewport height) ve VW (viewport width), tarayıcı penceresinin yüksekliği ve genişliği ile ilgili birim ölçülerdir. Bu birimler, responsive (duyarlı) tasarımda öğelerin boyutlandırılmasında kullanılır.

CSS VH VW ne anlama gelir?

VH, viewport yüksekliğinin yüzde cinsinden ifadesidir. Örneğin, 1vh, tarayıcı penceresinin toplam yüksekliğinin %1'ine eşittir. Benzer şekilde, VW, viewport genişliğinin yüzde cinsinden ölçüsüdür; 1vw, tarayıcı penceresinin toplam genişliğinin %1'ine karşılık gelir. Bu birimler, ekran boyutuna göre dinamik olarak değişen tasarımlar oluşturmak için oldukça faydalıdır.

CSS VH VW nerelerde kullanılır?

VH ve VW birimleri, özellikle duyarlı web tasarımında, öğelerin boyutlarını ve konumlarını ayarlamak için kullanılır. Örneğin, bir başlık veya içerik kutusunun yüksekliğini veya genişliğini ekran boyutuna göre ayarlamak, kullanıcı deneyimini artırır. Ayrıca, tam ekran arka plan resimleri veya videolar gibi öğelerin boyutlandırılmasında da tercih edilir.

Kısaca CSS VH VW

  • VH, viewport yüksekliğinin yüzde cinsinden ölçüsüdür.
  • VW, viewport genişliğinin yüzde cinsinden ölçüsüdür.
  • Duyarlı tasarımda öğelerin boyutlandırılmasında kullanılır.

Benzer Yazılar
CSS Text color nedir?
CSS text color, bir metnin rengini belirlemek için kullanılan bir stil özelliğidir. Bu özellik, web sayfalarında metinlerin görünümünü özelleştirmeye yardımcı olur....
CSS table nedir?
CSS table, HTML tablolarının stilini belirlemek için kullanılan bir dizi CSS kurallarını ifade eder. Bu kurallar, tabloların görünümünü ve düzenini özelleştirmeye olanak tanır....
CSS yapısı nedir?
CSS yapısı, web sayfalarının stil ve düzenini belirleyen bir dizi kural ve özellikten oluşur. Bu yapı, HTML ile birlikte çalışarak görsel tasarımı ve kullanıcı deneyimini iyileştirir....
CTD domaini nedir?
CTD (C-Terminal Domain), RNA polimeraz II'nin C-terminal bölgesinde bulunan bir protein yapısıdır. Bu yapı, transkripsiyon sürecinde önemli rol oynar ve gen ekspresyonunu düzenler....
SON YAZILAR