ifarme kodunu mobilde tam ekrana sığdıramıyorum

17-09-2022, 08:58:04

masaüstü kısmında sorun yok ekrana tam istediğim gibi oturuyor ama mobil kısımda bir türlü tam olarak sığdıramadım

masaüstü sürümünde

mobide

mobilde de masaüstünde olduğu gibi tam olarak nasıl sığdırabilirim.

17-09-2022, 09:41:37

#2

Namyelusa

ücretli yardımcı olacak arkadaş varsa tekliflerini bekliyorum

17-09-2022, 10:46:39

#3

ntka

Responsive tasarım mı yoksa farklı bir şey mi.
Responsive ise kolay şekilde olması gerekiyor kodları buraya ekleyin yardımcı olacak insanlar vardır.

17-09-2022, 10:54:04

#4

Namyelusa

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

Responsive tasarım mı yoksa farklı bir şey mi.
Responsive ise kolay şekilde olması gerekiyor kodları buraya ekleyin yardımcı olacak insanlar vardır.

generatpress teması kullanıyorum hocam farklı bir dizinde olan sayfayı ifarme ile yerleştirdim sayfaya
ifarme kodu

17-09-2022, 10:58:52

#5

ntka

css ye bunu ekleyin.
sizin container ile değiştirin veya düzenleyin.

.container {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}

iframe koduna class="responsive-iframe" ekleyin.

<iframe class="responsive-iframe" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>

17-09-2022, 11:06:52

#6

Namyelusa

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

css ye bunu ekleyin.
sizin container ile değiştirin veya düzenleyin.

.container {
position: relative;
width: 100%;
overflow: hidden;
padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}

iframe koduna class="responsive-iframe" ekleyin.

<iframe class="responsive-iframe" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe>

hocam dediğiniz işlemi yaptım ama yine aynı

17-09-2022, 11:08:58

#7

ntka

Head arasına bunu ekleyin.
<meta name="viewport" content="width=device-width, initial-scale=1">

17-09-2022, 14:07:38

#8

Namyelusa

@ntka; hocamız yardımcı oldu kendisine çok çok teşekkür ederim