SORU
16 NİSAN 2009, PERŞEMBE


Nasıl bir görüntü (CSS) IE6 boyut kullanarak Ölçekleme sırasında en boy oranını korumak için?

Sorun burada işte. Bir resim var:

<img alt="alttext" src="filename.jpg"/>

Hiçbir yükseklik veya genişliği belirtilen not.

Bazı sayfalarda sadece bir küçük resim göstermek istiyorum. Html değiştirmek istemiyorum, aşağıdaki CSS kullanın:

.blog_list div.postbody img { width:75px; }

Tüm korunmuş boy oranları ile eşit geniş küçük bir sayfa yapar.

IE6 ama bu resim sadece boyutu CSS belirtilen ölçekli. Doğal yükseklik. korur

İşte sorun gösteren sayfaları bir çift bir örnek:

Tüm öneriler için çok teşekkür ederim ama (müşteriler platformu seçilmiş kısıtlamalar nedeniyle) html değiştirme içermeyen bir şeyler arıyorum işaret etmek istiyorum. CSS ve javascript için tercih edilebilir.

EDİT: resimleri farklı boyutları ve boy oranları. olduğunu belirtmek Gerekir

CEVAP
16 NİSAN 2009, PERŞEMBE


Adam Luter bana bu fikri verdi, ama aslında çok basit olduğu ortaya çıktı:

img {
  width:  75px;
  height: auto;
}

IE6 şimdi görüntü iyi ölçekler ve bu tüm tarayıcılar varsayılan olarak kullanmak ne gibi görünüyor.

Her iki cevap için de teşekkürler!

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Ionized Digital Air Studios

    Ionized Digi

    20 HAZİRAN 2009
  • Flohoo

    Flohoo

    12 EYLÜL 2009
  • talkandroid

    talkandroid

    27 Mayıs 2010