ریسپانسیو کردن المانهای داخل یک div
سلام . من برای ترسیم div ابعاد آنرا در style آم مشخص میکنم و ارتفاع را بر اساس vh میدم تا بصورت خودکار بخشی از صفحه را بگیره . اینکار درست هم عمل میکنه و من وقتی برنامه را در مانیتورهای با ارتفاع و رزولوشنهای مختلف میبینم مشکلی ندارم ولی مشکلم اینه که المانهای داخل این div دیگه خودشون رو تطابق با اندازه مانیتور نمیکنن . با مانیتوری که ارتفاع بیشتری داره که کار میکنم المانها در div هستن ولی وقتی با مانیتور wide که ارتفاع کمتری داره کار میکنم میبینم که المانهای داخل div از اون خارج شدن . لطف میکنید برای برفع این مشکل منو راهنمائی کنین
ثبت پرسش جدید
2
سلام layout بندی html مقداری درهم برهم هست .
بهتره از مبحث flexbox برای layout بندی استفاده کنید
Abdollah
@abdollahsam6 سال پیشمطرح شد
1
سلام
از media@ استفاده کنید و ارتفاع div و استایل سایر المانها رو خودتون به تناسب تعیین کنید.
@media (min-width: 576px) {
div {
height: 480px;
}
}
@media (min-width: 768px) {
div {
height: 580px;
}
}