lostyazilim
tr.link

CSS'de Çözünüklük Sorunu

2 Mesajlar 524 Okunma
lstbozum
tr.link

AtakanAtes AtakanAtes 1881 - 193∞, özlemle...
  • Üyelik 05.06.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılım Tek.
  • Konum Ankara
  • Ad Soyad A** A**
  • Mesajlar 2867
  • Beğeniler 54 / 747
  • Ticaret 25, (%100)
Merhaba arkadaşlar temama yaptığım manşet tüm ekran çözünürlüklerinde sorunsuz olarak açılıyor ancak 1024x768 ve 800x600 hariç bu sorunu nasıl çözebilirim ? Responsive olayına araştırdım ama yapamadım yüzde olayını denedim hiç bi değişme olmadı.

CSS Kodu:
.zeropost {
float: left;
margin-bottom: 0;
height: 315px;
max-width: 301px;
width: 66.2%;
position: relative;
overflow: hidden;
margin-right: 1.8%;
 

 

wmaraci
reklam

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Anladığım kadarıyla küçük bir bölüm bu manşet alanı, yüzde değerleri bu alanlar için çok uygun değil, bu alan için media screen kodlarını kullanabilirsiniz. Yüzdelik değerleri kaldırıp px değerleri kullanın yine ama ekran çözünürlüğüne göre tanımlama yapın.

@media screen and (min-width:1024px) {
.zeropost { width: 120px; }
}

@media screen and (min-width:800px) {
.zeropost { width: 80px; }
}

Bu şekilde belli değerler ile yerine yerleştirebilirsiniz.
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al