Sitemdeki resimleri nasıl aynı hizaya getireceğim?

Merhaba,

Bootstrap ile d-flex ve img-fluid komutlarını kullanarak, kutu ve görsel boyunlarını hizayabilirsiniz. Bootstrap, responsive bir framework olduğu için, sabit bir yükseklik kullanımı pek tavsiye edilmez. d-flex ile responsive olacak şekilde, doğrudan uzunluk ve boyutlarını ayarlayabilirsiniz.

Aşağıda ki linklere bakmanızı öneririm.


Dipnot: img-fluid sadece geniş olarak görsel sunmaz, dikey görsellerde de responsive olarak çalışmaktadır.
 
Merhaba,

Bootstrap ile d-flex ve img-fluid komutlarını kullanarak, kutu ve görsel boyunlarını hizayabilirsiniz. Bootstrap, responsive bir framework olduğu için, sabit bir yükseklik kullanımı pek tavsiye edilmez. d-flex ile responsive olacak şekilde, doğrudan uzunluk ve boyutlarını ayarlayabilirsiniz.

Aşağıda ki linklere bakmanızı öneririm.


Dipnot: img-fluid sadece geniş olarak görsel sunmaz, dikey görsellerde de responsive olarak çalışmaktadır.
Bu yöntemler maalesef resmin oranıyla oynadığı için yamuk yumuk şeyler ortaya çıkıyor.

Ama profesyonel projelerde sabit çözünürlükler kullanıldığı düşünülürse bu yöntem kullanılmalı.
 
Bu yöntemler maalesef resmin oranıyla oynadığı için yamuk yumuk şeyler ortaya çıkıyor.

Ama profesyonel projelerde sabit çözünürlükler kullanıldığı düşünülürse bu yöntem kullanılmalı.

Resimler x bir orantıda olduğu zaman, "yamuk yumuk" olacağını düşünüyorum. Film posterleri x:x ratio olarak yayınlandığı için (genelde 2:3 olarak), bu posterlerin img-fluid ve d-flex ile tam orantılı olacağını düşünüyorum. d-flex kullanması, aynı zamanda satırları hizalayacak, en uzun sütuna göre, diğer sütunların yüksekliğini de ayarlayacaktır. (resim harici)

Sabit resim boyutu kullanıldığı zaman, responsive sorunları yaratabiliyor. Bazen de media query gerektirebiliyor, her bir çözünürlük için.

En azından benim deneyimlerim ve çalıştığım şekil, bu şekil. Daha az kod, daha hafif tasarımlar. :)
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Geri
Yukarı