Bu şekilde oluyor yani telefonda koymak istediğim resim tam oturmuyor birazı çıkıyor :
Bunu nasıl halledebilirim anlayan birisi varsa :)
Background'da Orantısızlık ? |
8 Mesajlar | 1.402 Okunma | ||
- Üyelik 10.12.2013
- Yaş/Cinsiyet 26 / E
- Meslek Endüstri Mühendisi
- Konum Ankara
- Ad Soyad C** K**
- Mesajlar 643
- Beğeniler 87 / 87
- Ticaret 19, (%95)
Arkadaşlar kendi çabalarımla kendi temamı kodlamaya çalışıyorum fakat bir sorunum var. Yapmak istediğim tema hem mobil uyumlu hem de web sitelerde görüntülenecek haliyle :). Mobilde görüntülemek isterken @media komutuyla istediğim çözünürlükte neler olmasını istediğimi hallediyorum fakat background'um :
Bu şekilde oluyor yani telefonda koymak istediğim resim tam oturmuyor birazı çıkıyor :
Bunu nasıl halledebilirim anlayan birisi varsa :)
Bu şekilde oluyor yani telefonda koymak istediğim resim tam oturmuyor birazı çıkıyor :
Bunu nasıl halledebilirim anlayan birisi varsa :)
- Üyelik 08.06.2013
- Yaş/Cinsiyet 28 / E
- Meslek Yazılım
- Konum İzmir
- Ad Soyad K** E**
- Mesajlar 331
- Beğeniler 24 / 61
- Ticaret 2, (%100)
background-size:cover; 'ı kaldırırsanız düzelir
- Üyelik 10.12.2013
- Yaş/Cinsiyet 26 / E
- Meslek Endüstri Mühendisi
- Konum Ankara
- Ad Soyad C** K**
- Mesajlar 643
- Beğeniler 87 / 87
- Ticaret 19, (%95)
öyle bi kod yazmadım ki hiç ?
- Üyelik 28.04.2014
- Yaş/Cinsiyet 34 / E
- Meslek Seo & WebMaster
- Konum İstanbul Avrupa
- Ad Soyad E** Ü**
- Mesajlar 178
- Beğeniler 33 / 25
- Ticaret 1, (%100)
resmi mobil versiyon için ps de editle sonra @media ile o resmi çağır
- Üyelik 18.08.2014
- Yaş/Cinsiyet 30 / E
- Meslek Reklam ve Tasarım Atölyesi
- Konum İstanbul Avrupa
- Ad Soyad U** C**
- Mesajlar 19
- Beğeniler 16 / 2
- Ticaret 0, (%0)
@media only screen and (min-width: 480px) and (max-width: 767px) {
//Buraya yazacağın css kodları 480 ve 767 px arasında geçerli olacaktır.Bu kodu
//kullanarak
//sorununu çözebilirsin
}
//Buraya yazacağın css kodları 480 ve 767 px arasında geçerli olacaktır.Bu kodu
//kullanarak
//sorununu çözebilirsin
}
- Üyelik 10.12.2013
- Yaş/Cinsiyet 26 / E
- Meslek Endüstri Mühendisi
- Konum Ankara
- Ad Soyad C** K**
- Mesajlar 643
- Beğeniler 87 / 87
- Ticaret 19, (%95)
zatenno kodu kullanıyorum ama mobil için kullanacağım resim mobilde büyük çıkıyor ben bu resminde boyutlarını mobil olarak ayarlamak istiyorum yani telefondan giren biri benim dediğim backgroundu görsün isriyorum.
- Üyelik 24.06.2014
- Yaş/Cinsiyet 28 / E
- Meslek PHP
- Konum Ankara
- Ad Soyad B** U**
- Mesajlar 587
- Beğeniler 11 / 112
- Ticaret 2, (%100)
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
sanırım işinizi görür
- Üyelik 07.11.2014
- Yaş/Cinsiyet 31 / E
- Meslek Web Designer & Adwords
- Konum İstanbul Avrupa
- Ad Soyad M** D**
- Mesajlar 46
- Beğeniler 14 / 5
- Ticaret 0, (%0)
@media only screen and (min-width: 480px) and (max-width: 767px) diye tanımladıkta sonra bacgroundun özellikleri css'de {width:100%; height:100%} diye tanımlarsan tam oturur aynı şekilde Batuhan'ın yazdığı kodda çalışır zannediyorum. Olmazsa benim dediğimi yap olur zannediyorum
dagmehmetali@yandex.com