SORU
20 EKİM 2012, CUMARTESİ


CSS güç ve Görüntü en boy oranı, yeniden boyutlandırma tutmak

Görüntüleri ile çalışıyorum, ve boy oranları ile ilgili bir sorunla karşılaştım.

<img src="big_image.jpg" width="900" height="600" alt="" />

Gördüğünüz gibi, height width önceden belirtilmiştir. Görüntüler için CSS kural ekledim:

img {
  max-width:500px;
}

Ama big_image.jpg width=500 height=600 alıyorum. Nasıl boy oranlarını koruyarak görüntüleri yeniden boy ayarlama yapabilirim.

CEVAP
19 HAZİRAN 2013, ÇARŞAMBA


img {
    display: block;
    max-width:230px;
    max-height:95px;
    width: auto;
    height: auto;
}

Bu belirtilen alan (olumsuz olarak, resmi büyütmek değil) için çok büyükse küçültmek yapacaktır.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • FamilyFeud

    FamilyFeud

    22 AĞUSTOS 2006
  • Glove and Boots

    Glove and Bo

    1 ŞUBAT 2007
  • Video-Tutorials.Net

    Video-Tutori

    15 Mart 2011