صابر توانا
تازه وارد
سلام و درود به تمام اساتید.
من در سایت وردپرسی که صفحات با ویژوال کامپوزر ساخته میشه مشکل ریسپانسیو دارم.
مثلا من یک برگه یا بلوک html با کامپوزر درست میکنم که مثلا در حالت نمایش دسکتاپ 5 ستون با چند ردیف نشون میده اما وقتی به حالت موبایل یا تبلت میرم به یک ستون تبدیل میشه در صورتی که میخوام مثلا طبق هر ابعاد صفحه تشخیص داده بشه که برفرض در موبایل بشه 2 ستون در چند ردیف یا در تبلت بشه 3 ستون در چند ردیف و ابعاد عکس ها طبق هر اندازه از صفحه خودکار تنظیم بشه.
داخل عکس ها توضیح میدم :
داخل عکس 1 و 2 ببینید من چند مدل عکس رو با ابعاد مشخصی در ستون های 3 تایی یا 5 تایی تنظیم کردم که در حالت دسکتاپ هیچ مشکلی نیست اما اگر حالت موبایل و تبلت بره اصلا ریسپانسیو نیست و فقط یک ستون تبدیل میشن حالا چه حالت عمودی موبایل و چه حالت افقی هردو تک ستون نمایش میده.
اما اگر داخل عکس 3 و 4 ببینید متوجه میشید من چه حالتی میخوام بشه وقتی داخل گوشی سایت بالا بیاد.یعنی عکس ها و ... طبق ابعاد هر صفحه ای از موبایل و تبلت واکنش گرا باشه و مرتب بشه.چه حالت عمودی و چه حالت افقی.
چه کنم؟
من در سایت وردپرسی که صفحات با ویژوال کامپوزر ساخته میشه مشکل ریسپانسیو دارم.
مثلا من یک برگه یا بلوک html با کامپوزر درست میکنم که مثلا در حالت نمایش دسکتاپ 5 ستون با چند ردیف نشون میده اما وقتی به حالت موبایل یا تبلت میرم به یک ستون تبدیل میشه در صورتی که میخوام مثلا طبق هر ابعاد صفحه تشخیص داده بشه که برفرض در موبایل بشه 2 ستون در چند ردیف یا در تبلت بشه 3 ستون در چند ردیف و ابعاد عکس ها طبق هر اندازه از صفحه خودکار تنظیم بشه.
داخل عکس ها توضیح میدم :
داخل عکس 1 و 2 ببینید من چند مدل عکس رو با ابعاد مشخصی در ستون های 3 تایی یا 5 تایی تنظیم کردم که در حالت دسکتاپ هیچ مشکلی نیست اما اگر حالت موبایل و تبلت بره اصلا ریسپانسیو نیست و فقط یک ستون تبدیل میشن حالا چه حالت عمودی موبایل و چه حالت افقی هردو تک ستون نمایش میده.
اما اگر داخل عکس 3 و 4 ببینید متوجه میشید من چه حالتی میخوام بشه وقتی داخل گوشی سایت بالا بیاد.یعنی عکس ها و ... طبق ابعاد هر صفحه ای از موبایل و تبلت واکنش گرا باشه و مرتب بشه.چه حالت عمودی و چه حالت افقی.
چه کنم؟
