Görseli Tarayıcıya Göre Sığdırma

30-09-2022, 10:00:55

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba 404 sayfamız için bir görsel hazırladık fakat görsel çözünürlüğü çok yüksek olduğu için ekrandan taşma yapıyor.

Her monitöre, her çözünürlüğe uygun otomatik sığdırma yapmak için herhangi bir HTML, CSS vs kaynak kodu var mıdır? Araştırdım ama çok anlamadığım için bulamadım.

Benim kodum şudur; <img alt="" src="/Uploads/EditorUploads/404-sayfatasarim.jpg" />

30-09-2022, 10:04:43

#2

betabil

img{ max-width:100%}
Yeterli olur

30-09-2022, 10:19:08

#3

chapters

    height: 100%; 
    width: 100%; 
    object-fit: contain;

30-09-2022, 10:38:57

#4

canergi23

Cevaplar için çok teşekkür ederim @betabil; @chapters;

Kendi görsel kodumu nereye yerleştireceğim tam olarak?

Kusura bakmayın çok şey istedim ama anlamadığım için soruyorum.

30-09-2022, 10:43:42

#5

betabil

<img alt="" src="/Uploads/EditorUploads/404-sayfatasarim.jpg" style="max-width:100%" />
En kolay yolu budur

30-09-2022, 10:51:56

#6

canergi23

betabil adlı üyeden alıntı: mesajı görüntüle

<img alt="" src="/Uploads/EditorUploads/404-sayfatasarim.jpg" style="max-width:100%" />
En kolay yolu budur

Çok teşekkür ederim.

03-10-2022, 11:28:35

#7

Onur89TR

Yükseklik için de sığdırmak istiyorsanız şu denenebilir:

width: 100vw;
height: 100vh;