• 22-03-2021, 16:08:49
    #1
    Merhaba arkadaşlar,
    bir PSD dosyasındaki background'u alıp
    <style>
    #section-area {
            background: url("./assets/img/background.jpg") no-repeat center center fixed;
            background-size: cover;
            height: 100%;
            width: 100%;
    }
    </style>
    <div id="#section-area"></div>
    şeklinde yerleştiriyorum fakat background-size'i cover yaptığım için görsel tam boyutta olmuyor.
    background-size'i contain yaptığımda ise en:boy olacak şekilde yapıyor sayfada boşluk kalıyor.
    Uzaktan bağlantı kurup yardımcı olmak isteyen birileri olursa çok sevinirim

    cover;

    contain:


    contain'de ki gibi en:boy'u bozulmadan tam ekran yapmak istiyorum.
  • 22-03-2021, 16:32:44
    #2
    Bunun bir yolu yok. Ya sabit yükseklikten vazgeçip <img> tagı kullanacaksınız ya da, cover ile kırpılacak şekilde koyacaksınız.
  • 22-03-2021, 16:51:21
    #3
    background-size : 100% 100%; denermisiniz
  • 22-03-2021, 18:17:48
    #4
    tolgagunaydin adlı üyeden alıntı: mesajı görüntüle
    background-size : 100% 100%; denermisiniz
    değerli yorumunuz için teşekkür ederim.
    background'un boyutu 1920x1250.
    öyle yaptığım zaman kendi bilgisayarımda fotoğraf şişman olarak gözüküyor. yani en boy oranı bozuluyor
  • 22-03-2021, 18:18:17
    #5
    bilimokur adlı üyeden alıntı: mesajı görüntüle
    Bunun bir yolu yok. Ya sabit yükseklikten vazgeçip <img> tagı kullanacaksınız ya da, cover ile kırpılacak şekilde koyacaksınız.
    img olarak deniyorum hocam teşekkür ederim yorumunuz için.