Aşağıda gördüğünüz görselde; mobil görünüme geçince kısa açıklamalar resmin yanında kalıyor ve resmin altına inmiyor. Responsive temanın en büyük eksiği bu şuanda. Bunu css ile nasıl yapabilirim?
Dİleyen olursa buradan örnek deneme yapabilir.
Responsive tasarımda css ile br işlevi yapmak |
3 Mesajlar | 720 Okunma | ||
- Üyelik 24.07.2012
- Yaş/Cinsiyet 34 / E
- Meslek Endüstri Mühendisliği
- Konum Denizli
- Ad Soyad M** C**
- Mesajlar 261
- Beğeniler 104 / 60
- Ticaret 32, (%100)
Merhabalar,
Aşağıda gördüğünüz görselde; mobil görünüme geçince kısa açıklamalar resmin yanında kalıyor ve resmin altına inmiyor. Responsive temanın en büyük eksiği bu şuanda. Bunu css ile nasıl yapabilirim?
Dİleyen olursa buradan örnek deneme yapabilir.
Aşağıda gördüğünüz görselde; mobil görünüme geçince kısa açıklamalar resmin yanında kalıyor ve resmin altına inmiyor. Responsive temanın en büyük eksiği bu şuanda. Bunu css ile nasıl yapabilirim?
Dİleyen olursa buradan örnek deneme yapabilir.
Trustflow 42 Kaliteli Kişisel Blog: www.mehmetcabar.com | Mutluluk Satıcısı
- Üyelik 18.07.2012
- Yaş/Cinsiyet 37 / E
- Meslek Front End Developer
- Konum İstanbul Avrupa
- Ad Soyad S** A**
- Mesajlar 219
- Beğeniler 28 / 66
- Ticaret 0, (%0)
Bunu yapmak için bir çok yöntem var ama basit olarak media query de küçük ekranlar için resim alanı ve yazı alanı için genişlikleri 100% verirseniz, div olduğu için block gibi davranır ve alt tarafa geçer.
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
@media screen and (max-width: 480px) {
.ResimBox {.....}
.TextBox {.....}
}
Bunun anlamı width'i 480px'e kadar bu css kodlarını kullan.
Böylelikle rahatlıkla istediğiniz div'in css'i ile oynayabilirsiniz.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)