ورود

View Full Version : سوال: کم شدن ارتفاع div هنگام responsive کردن سایت



hastiam
شنبه 09 اردیبهشت 1396, 17:22 عصر
سلام دوستان
من دو تا div دارم که تو هر کدومشون یک عکس به عنوان بک گراند div قرار گرفته , وقتی صقحه کوچکتر می شود width با توجه به سایز صفحه مانیتور کوچیک میشه اما height هیچ تغییری نمیکنه. چیکار کنم که height هم به نسبت صفحه کوچیکتر بشه.


<div class="item">
<img src="/Content/images/ProductMainImages/Cheshmak2-min.png">
</div>



.item {
height: 350px;
width: 100%;
}

anvar
یک شنبه 10 اردیبهشت 1396, 13:27 عصر
شما نباید ارتفاع تصویر رو بصورت دستی و ثابت (یعنی 350 پیکسل) وارد کنی - چون همیشه و همیشه ارتفاع آن بصورت ثابت 350 پیکسل خواهد (همین چیزی که در مثال شما اتفاق می افتد). در عوض باید بر روی height: auto تنظیم شود تا با توجه به عرض متغیر عکس ارتفاع را خودش تنظیم کند.
بهتر است حداکثر عرض هم بر روی 100 درصد ست شود.
max-width: 100%