Merhabalar, bir konuda yardımınızı rica edecektim.
Bir proje için geliştirdiğim web sitesinin yapım aşamada sayfasına yalnızca bir resim yerleştirdim. Bu resmin PC'den, telefondan ve tabletten uyumlu görünmesi için ne yapmam gerekiyor.
Yardımcı olursanız sevinirim.
HTML İçerikte Responsive Özellik Kullanmak |
7 Mesajlar | 1.184 Okunma | ||
- Üyelik 29.02.2012
- Yaş/Cinsiyet 34 / E
- Meslek Influencer
- Konum Osmaniye
- Ad Soyad F** Y**
- Mesajlar 437
- Beğeniler 20 / 77
- Ticaret 2, (%100)
- Üyelik 24.06.2011
- Yaş/Cinsiyet 34 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad F** Ş**
- Mesajlar 2933
- Beğeniler 745 / 744
- Ticaret 60, (%100)
.dortyuzdort {
background: url(resim/arkaplan.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
Bu şekilde deneyin hocam.
- Üyelik 29.02.2012
- Yaş/Cinsiyet 34 / E
- Meslek Influencer
- Konum Osmaniye
- Ad Soyad F** Y**
- Mesajlar 437
- Beğeniler 20 / 77
- Ticaret 2, (%100)
Bu şekilde deneyin hocam.
...
<script>
.femrey {
background: url(bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</script>
Şeklinde denedim ama değişme olmadı :confused:
- Üyelik 24.06.2011
- Yaş/Cinsiyet 34 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad F** Ş**
- Mesajlar 2933
- Beğeniler 745 / 744
- Ticaret 60, (%100)
...
<script>
.femrey {
background: url(bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</script>
Bir de bu şekilde deneyin hocam.
- Üyelik 04.11.2014
- Yaş/Cinsiyet 25 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad K** K**
- Mesajlar 1290
- Beğeniler 0 / 208
- Ticaret 27, (%100)
.femrey {
background: url(bg.jpg) no-repeat center center fixed;
max-width:100%;
max-height:100%;
}
şu şekil denermisin
- Üyelik 16.12.2014
- Yaş/Cinsiyet 37 / E
- Meslek Frontend Developer
- Konum İstanbul Anadolu
- Ad Soyad E** K**
- Mesajlar 75
- Beğeniler 1 / 23
- Ticaret 0, (%0)
dostum "script" yazan yerleri "style" olarak değiştir once. daha sonra resmin yerinden emin ol. index dosyan ile aynı yerde ise aşağıdaki kodlar içindeki gibi yazarsın url yi. başka bir klasörün içinde ise background: url("../klasörismi/bg.jpg") no-repeat center center; şeklinde yazarsın. background-size: cover; yerine background-size: 100% 100%; bunu da deneyebilirsin.
...
templates.informationstock.com
www.informationstock.com
www.informationstock.com