ریسپانسیو کردن المانهای داخل یک div
سلام . من برای ترسیم div ابعاد آنرا در style آم مشخص میکنم و ارتفاع را بر اساس vh میدم تا بصورت خودکار بخشی از صفحه را بگیره . اینکار درست هم عمل میکنه و من وقتی برنامه را در مانیتورهای با ارتفاع و رزولوشنهای مختلف میبینم مشکلی ندارم ولی مشکلم اینه که المانهای داخل این div دیگه خودشون رو تطابق با اندازه مانیتور نمیکنن . با مانیتوری که ارتفاع بیشتری داره که کار میکنم المانها در div هستن ولی وقتی با مانیتور wide که ارتفاع کمتری داره کار میکنم میبینم که المانهای داخل div از اون خارج شدن . لطف میکنید برای برفع این مشکل منو راهنمائی کنین
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
گزارش تخلف
کپی کردن
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;
}
}