13
0

چطور یه تصویر بزرگ رو طوری تغییر سایز بدم که توی یه <div> با عرض کوچیک جا بشه و نسبت عرض به ارتفاعش رو حفظ کنه؟

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>
ارسال پاسخ به سوال بالا

برای ارسال پاسخ باید وارد اکانتت بشی

اگر پاسخت شامل تکه کدی میشه، از منوی ویرایشگر پایین، تکه کدی که نوشتی رو انتخاب کن و بعد از طریق زبان کدی که نوشتی رو انتخاب کن تا کدت داخل بلاک مخصوص زبان خودش قرار بگیره و کدت خواناتر برای بقیه نشون داده بشه

اگه پاسخت رفرنسی داره، لینک رفرنس رو هم بذار تا پاسختت کاملتر و معتبر تر بشه