Menü Kapat

CSS ile tam ekran arka plan resimleri

CSS ile tam ekran arka plan resimleri yapmanın en kolay yolu yüzde birimleri ile ekran tabanlı birimleri bir arada kullanmak.

.bg {
 position: relative;
 background: url('bg.jpg') center/cover;
 width: 100%;
 height: 100vh;
 }

Kaynak: http://bitsofco.de/2015/viewport-vs-percentage-units/

vh (ekran yüksekliği) ve vw (ekran genişliği) birimleri ie8 üzeri tüm tarayıcılar tarafından destekleniyor.

caniuse.com'a göre viewport birimleri %80 oranında destekleniyor

Bu yazılar da ilginizi çekebilir

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir