13
0
0
چطور یه تصویر بزرگ رو طوری تغییر سایز بدم که توی یه <div> با عرض کوچیک جا بشه و نسبت عرض به ارتفاعش رو حفظ کنه؟
0
0
به تگ تصویر عرض یا ارتفاع مشخصی ندید. به جای اون، اینو بده:
max-width:100%;
max-height:100%;
همچنین، height: auto; اگر فقط بخوای عرض رو مشخص کنی.
img {
max-width: 100%;
max-height: 100%;
}
.portrait {
height: 80px;
width: 30px;
}
.landscape {
height: 30px;
width: 80px;
}
.square {
height: 75px;
width: 75px;
}
Portrait Div
<div class="portrait">
<img src="https://i.sstatic.net/xkF9Q.jpg">
</div>
Landscape Div
<div class="landscape">
<img src="https://i.sstatic.net/xkF9Q.jpg">
</div>
Square Div
<div class="square">
<img src="https://i.sstatic.net/xkF9Q.jpg">
</div>
ارسال پاسخ به سوال بالا