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

  • Machinima

    Machinima

    17 Ocak 2006
  • merumputdotcom

    merumputdotc

    24 ŞUBAT 2012
  • PaulGBelliveau

    PaulGBellive

    5 Mart 2009