CSS Kodu:
.zeropost {
float: left;
margin-bottom: 0;
height: 315px;
max-width: 301px;
width: 66.2%;
position: relative;
overflow: hidden;
margin-right: 1.8%; 
CSS'de Çözünüklük Sorunu |
2 Mesajlar | 528 Okunma | ||
- Ü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:
CSS Kodu:
- Ü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.
@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.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)