Tam Ekran Div Yapımı

Sezai AlkanFrontend Developer

Css #css

Tam Ekran Div Yapımı

Tam Ekran div Ler Genellikle Tek Sayfa, One Page Veya Landing Page Olarak Tanımlanan, Tasarımlı Sayfalarda Kullanılıyor. Oluşturulan div 'in Faklı Genişlik Ve Yükseklikteki Veya Faklı Boyutlardaki Ekranlara Uyum Sağlaması Diyebiliriz. Aşağıda Html ve Css Kodları Mevcuttur. Css Tarafında Önemli Nokta html Ve body Etiketlerine Müdahale Etmemiz Gerekmektedir. Bunların Genişlik Ve Yüksekliklerini Pencere Boyutuna Göre 100% Olarak Tanımlamamız Lazım.

Html

<div class="header">
       Div içeriği
</div>

Css

html, body {
  width: 100%;
  height: 100%;
}
.header {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; 
  background-color: #000;
  color: #fff;
}