HTML5, CSS3 ile fotoğraf düzgün görüntülenemiyor

Jynaris · 4 Kasım 2022

NRVS dedi:
Bunlardan birini de kullanabilirsiniz.

CSS:

display: block; margin-left: auto; margin-right: auto;

CSS:

<div style="text-align: center;"> <div>

Fotoğraf hala kesik görünüyor.

NRVS · 4 Kasım 2022

Jynaris dedi:
Fotoğraf hala kesik görünüyor.

Eki Görüntüle 1562153

Bunu dener misiniz bide cover yerine. Sanırım cover yanlış oldu.

CSS:

object-fit: contain;
width: auto;
height: auto;

Jynaris · 4 Kasım 2022

NRVS dedi:
Bunu dener misiniz bide cover yerine. Sanırım cover yanlış oldu.

CSS:

object-fit: contain;

CSS:

width: auto; height: auto;

Hala aynı

.

NRVS · 4 Kasım 2022

HTML:

<!DOCTYPE html>
<html>
<head>
<style>
   
img {
  width:auto;
  height:auto;
  //object-fit: contain;
}
   
</style>
</head>
<body>

<div style="text-align: center;">
<img src="paris.jpg">
<div>

</body>
</html>

Jynaris · 4 Kasım 2022

NRVS dedi:

HTML:

<!DOCTYPE html>
<html>
<head>
<style>

img {
 width:auto;
 height:auto;
 //object-fit: contain;
}

</style>
</head>
<body>

<div style="text-align: center;">
<img src="paris.jpg">
<div>

</body>
</html>

Eki Görüntüle 1562157

Şu an pek müsait değilim birazdan sonuçları atarım.

Kxaan · 4 Kasım 2022

object-fit: scale-down;
Bu şekilde deneyin.

Jynaris · 4 Kasım 2022

Kxaan dedi:
object-fit: scale-down;
Bu şekilde deneyin.

Olmadı hocam.

NRVS · 4 Kasım 2022

Jynaris dedi:
Olmadı hocam.

Benim attığım örneğe göre kendi kodunuzu düzenlediniz mi?

Jynaris · 4 Kasım 2022

NRVS dedi:
Benim attığım örneğe göre kendi kodunuzu düzenlediniz mi?

Evet olmadı.

NRVS · 4 Kasım 2022

Jynaris dedi:
Evet olmadı.

Kodun tamamını atma şansınız var mı? Büyük ihtimal bir yerde hata yapıyorsunuz.

HTML5, CSS3 ile fotoğraf düzgün görüntülenemiyor

Ayrıntılı düzenleme

Jynaris

Decapat

NRVS

Megapat

Jynaris

Decapat

NRVS

Megapat

Jynaris

Decapat

Kxaan

Kilopat

Jynaris

Decapat

NRVS

Megapat

Jynaris

Decapat

NRVS

Megapat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz