img-fluid ve img-responsive classlarını kullandığım halde görselleri eşit olarak boyutlandıramıyorum sorunum devam ediyor yardımcı olabilir misiniz?
Img Responsive Problemi |
2 Mesajlar | 471 Okunma | ||
- Üyelik 10.09.2014
- Yaş/Cinsiyet 27 / E
- Meslek Front-end dev. & Back-end dev.
- Konum Adana
- Ad Soyad M** B**
- Mesajlar 100
- Beğeniler 14 / 8
- Ticaret 6, (%100)
Arkadaşlar merhaba herkese kolay gelsin. Öncelikle bir problem yaşıyorum üstesinden gelemedim basit bir olay olduğunu düşünüyorum fakat çözüme kavuşturamadım :)
img-fluid ve img-responsive classlarını kullandığım halde görselleri eşit olarak boyutlandıramıyorum sorunum devam ediyor yardımcı olabilir misiniz?
img-fluid ve img-responsive classlarını kullandığım halde görselleri eşit olarak boyutlandıramıyorum sorunum devam ediyor yardımcı olabilir misiniz?
- Üyelik 05.05.2017
- Yaş/Cinsiyet 28 / E
- Meslek Web-Developer
- Konum İstanbul Avrupa
- Ad Soyad M** K**
- Mesajlar 1027
- Beğeniler 366 / 534
- Ticaret 5, (%100)
Hocam öncelikle görsellere bir width ve height değeri tanımlayın. Bazen bootstrap classlarını img yerine dive verebilirsiniz bu yüzden bence CSS dosyanızda ilgili alan için:
eklemesi yapmanız yeterli böylece hem responsive görseller elde eder hem de bulunduğu bölgeye göre boyutlandırmış olursunuz. img-responsive her zaman etkin olmaz mesela ilgili bölgede width değeri yoksa istediğiniz sonucu vermez.
img {
width: 250px;
height: 250px;
object-fit: cover;
object-position: center;
}
eklemesi yapmanız yeterli böylece hem responsive görseller elde eder hem de bulunduğu bölgeye göre boyutlandırmış olursunuz. img-responsive her zaman etkin olmaz mesela ilgili bölgede width değeri yoksa istediğiniz sonucu vermez.
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)