Projelerinizde verimliliği artırmak, hataları bulmak ve daha hızlı geliştirmek için kullanabileceğiniz araçlarla dolu bir dünya!

Tam Ekran Div Yapımı

Sezai AlkanFrontend 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;
}
Anonim

Yorum yapabilmek için giriş yapmanız gerekmektedir.

Sosyal Medya

Mobil Uygulama

Tarayıcı Eklentileri

Şifre Oluşturucu

Google Chrome Plugin

Yardımcı Siteler

w8icon

w8icon.com

Kod depo

koddepo.com

e-mvc

e-mvc.com