Responsive Olarak alan belirleme

09-12-2018, 21:33:02

Arkadaşlar merhaba temamın belli bir alanına reklam ekleyeceğim. Fakat bu alanda reklamı gösteriyorum aşağıdaki kodla fakat esnek reklam birimim telefonda responsive olarak gözükmüyor yani duyarlı olarak ekrana göre şekillenmiyor. Mobilde reklamın yarısı gozukuyor yarısı gozukmuyor. Bu kodu nasıl değişmeliyim.

div style="width:700px; height: 220px;float:left; margin-right: 10px;">
			<?php echo mblxoption("singleAdShortcodex".$id) ?>
		</div>

çok fazla anlamıyorum bu işlerden reklamın cıkacağı alanı 700x220 ayarladım bundan dolayı sanırım. Ama doğrusu nasıl olacak bilemedim.Hiçbir ebat olmasın fakat eklediğim reklam responsive olarak her ekrana göre değişsin. istiyorum

09-12-2018, 23:53:05

#2

TEOVyazilim

Kimlik doğrulama veya yönetimden onay bekliyor.

Sizin 700px 220px'e göre şöyle bir responsive kod yazılabilir.

Alıntı

//Burası ekran minimum 701px olana kadar reklam alanını 700px olarak gösteriyor.
@media only screen and (min-width: 701px) {
.reklam_alani {
width: 700px;
height: auto;
}
}

// Buradaki kod ise 700px den düşük genişliği olan ekranlarda ekran genişliğine göre uyarlıyor alanı.
@media only screen and (max-width:700px) {

.reklam_alani {
width:100%;
}
}

10-12-2018, 14:41:48

#3

Archenemy

max-width:700px; max-height:200px;

yada

width:100%; height:auto;

olarak tanımlamanız gerekir. Tasarımdaki duruma göre ayarlayabilirsiniz. Eğer tam ölçüleri kaplamasını isterseniz div'in. width:max-content; olarak'da kullanabilirsiniz. Bu sayede reklam boyutu kadar alan kaplayacaktır div.