یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
سامان
5 سال پیش توسط سامان مطرح شد
2 پاسخ

ریسپانسیو کردن المانهای داخل یک div

سلام . من برای ترسیم div ابعاد آنرا در style آم مشخص میکنم و ارتفاع را بر اساس vh میدم تا بصورت خودکار بخشی از صفحه را بگیره . اینکار درست هم عمل میکنه و من وقتی برنامه را در مانیتورهای با ارتفاع و رزولوشنهای مختلف میبینم مشکلی ندارم ولی مشکلم اینه که المانهای داخل این div دیگه خودشون رو تطابق با اندازه مانیتور نمیکنن . با مانیتوری که ارتفاع بیشتری داره که کار میکنم المانها در div هستن ولی وقتی با مانیتور wide که ارتفاع کمتری داره کار میکنم میبینم که المانهای داخل div از اون خارج شدن . لطف میکنید برای برفع این مشکل منو راهنمائی کنین


ثبت پرسش جدید
حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 5 سال پیش مطرح شد
2

سلام layout بندی html مقداری درهم برهم هست .
بهتره از مبحث flexbox برای layout بندی استفاده کنید


Abdollah
@abdollahsam 5 سال پیش مطرح شد
1

سلام

از media@ استفاده کنید و ارتفاع div و استایل سایر المانها رو خودتون به تناسب تعیین کنید.

@media (min-width: 576px) {
    div {
        height: 480px;
    }
}
@media (min-width: 768px) {
    div {
        height: 580px;
    }
}

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام