Tam Ekran Div Yapımı

sezaialkan
Sezai Alkan Frontend Developer

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;
}

Yorumlar

Yorum Yapabilmek İçin Giriş Yapmalısınız.
İlk Yorum Yapan Sen Ol!
Uçur Beni Kahramanım Yukarı Çık
Bu web sitesi çerezleri kullanıyor. Devam ederek çerez kullanımını kabul etmiş oluyorsunuz. Detay

Devam Etmek İçin Giriş Yapın

Kod Hocası İle Paylaşımda bulunabilir, Kendini geliştirebilirsin. Sende Hemen Giriş Yap Aramıza Katıl.

GirişKayıt Ol