Internet Explorer'da görüntüleri ölçeklemek için maksimum genişlik ve maksimum yükseklik

Question

Sabit bir alanda çeşitli görüntü formatlarını (geniş, kare ve uzun) gösteren bir galeri oluşturma sürecindeyim. İdeal çözüm, tüm görüntülerin aynı boyutlarda olması olabilir, ancak bu elde edilemez.

Görüntülerin sınırlı alana düzgün ölçeklendiğinden emin olmak için maksimum genişlik ve maksimum yükseklik kombinasyonunu kullanıyorum. Bununla ilgili tek sorun, görüntüleri maksimum genişlik ve maksimum yükseklik genişliklerinde ve yükseklikte görüntüleyen Internet Explorer'tır (bunları anlayamamaları nedeniyle).

Bu soruna çeşitli çözümlere bakıyordum, ancak bunların hiçbirini işe almadı (henüz). Galeri, max-width/max-height sorunu dışında gayet iyi çalışan jQuery ve Galleriffic'i kullanıyor.

Herhangi bir öneriniz var mı?

Düzenleme: Sorun Internet Explorer'ın doğru şekilde ölçeklenmemesi nedeniyle resimlerle maksimum yükseklik ve maksimum genişlikte işleyiş biçiminde yatar.

Düzenleme 2: Biraz test yaptım ve IE ile ilgili sorun, çalışmakta olan max-width ve max-height değil. örneğin,) şeklinde belirlenmiş olandan daha büyük:

max-width: 600px; max-height: 600px;

görüntü bu iki değerlerden daha büyük hale gelmez sağlayacağız. Görüntüler düzgün ölçeklenmiyor, bu nedenle yüksek görüntüler grileştirilecek ve geniş resimler gergin görünecektir. IE7 uyumluluk görünümü ve doğru görüntülenen görüntülerini açtım, ancak IE8, görünürde ezilmiş/uzatılmış (IE8 ile ilgili bir sorun olur) görünür ..

Answer 1

Yüksekliğini denediniz mi: otomatik ve genişlik: auto as max-height ve max-width kullanarak, bu genellikle IE'nin doğru en boy oranını oluşturmasıyla sonuçlanır.