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

  • AllYourNewsByMe

    AllYourNewsB

    18 Temmuz 2011
  • Matthew Smith

    Matthew Smit

    24 Mayıs 2010
  • SuppressedStorm

    SuppressedSt

    11 AĞUSTOS 2013