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ş:
Nasıl iPhone OS/yeniden boyutlandırma,...
Orantılı olarak Yukseklik ve Genislik ...
c# en-boy oranını koruyarak farklı bir...
CSS ile orantılı olarak yeniden boyutl...
Görüntü sunucuya yüklemeden önce istem...