هم تراز کردن متن با تصویر(ریسپانسیو)

[marziehamani]

با سلام و خسته نباشید
می خواهم در درسایز موبایل 4تا عکس به صورت عمودی باشد و هر عکس نوشته پایین آن درست جایگذاری شود و از آنجایی که سایز انواع موبایل متفاوت است وقتی سایتم را در سایز انواع موبایل چک کردم متوجه شدم فاصله متن از عکس در انواع گوشی یکی نیست در حالی که margin-top را درصد قرار دادم.
راهنمایی بفرمایید ممنون میشوم...

[marziehamani]

منتظر جواب هستم
کمک کنید لطفا
با تشکر فراوان

[سعید کشاورز]

شما باید با دستور @media توی سی اس اس در حالت های مختلف صفحه نمایش استایل های مورد نظر خودتون رو اعمال کنید

[marziehamani]

هم از بوت استرپ هم از @media استفاده میکنم.
انواع موبایل استاندارد خاصی دارد آیا مثلا iphone

[سعید کشاورز]

خوب اگه از بوت استرپ استفاده میکنی که کارت راحت تره..
یه دمو آنلاین بزار بهتر بشه راهنمایی کرد

[ravand]

از این روشم میتونی استفاده کنی .نسخه ی مبایل معمولا نهایتش 767 هست. با مدیا کوئری بگو : اگر عرض نهایت 767 بود این استایل رو بده. و برای نمایشگر های بزرگتر بگو اگه عرض حداقل 768 بود این استایل ها رو بده.

/*حداکثر اندازه ی مبایل*/
@media (max-width:767px){


}


/*نمایشگر های بزرگتر از مبایل*/
@media (min-width:768px){


}

البته بستگی هم داره ممکنه یه اندازه ای باشه که توی نسخه ی مبایل فلان مشکل رو داشته باشه مثلا عرض 400 پیکسل که بازم میتونی از همین روش استفاده کنی.

[marziehamani]

مرسی از راهنمایی تون
میشه در مورد راه حل این مشکلی که عرض کردین بیشتر توضیح بدین؟

[marziehamani]

مشکل برطرف شد
با تشکر فراوان از همه و مدیران سایت