رفتن به مطلب

مشکل سایت در حالت رسپانسیو


site

پست های پیشنهاد شده

سلام دوستان

 

من سایتم رو به صورت رسپانسیو طراحی کردم

 

وقتی که مرورگر رو اندازش رو کوچک میکنم ، سایت به صورت رسپانسیو نمایش داده میشه

عکس :

34429150498566526066_pes.png

 

 

اما در موبایل اصلا به صورت رسپانسیو نشون داده نمیشه

 

به نظر شما مشکل از کجاست ؟

لینک به ارسال

با عرض سلام و خسته نباشید

مرورگر موبایلتون چی هست؟؟؟ توصیه میشه از آخرین نسخه مرورگرهای معروفی چون فایرفاکس و کروم استفاده شه

همچنین برای ریسپانسیو کردن از چه فریم ورکی استفاده کردین؟؟

موفق و پیروز باشید.

لینک به ارسال
در 10 دقیقه قبل، هادی خانزاده گفته است :

با عرض سلام و خسته نباشید

مرورگر موبایلتون چی هست؟؟؟ توصیه میشه از آخرین نسخه مرورگرهای معروفی چون فایرفاکس و کروم استفاده شه

همچنین برای ریسپانسیو کردن از چه فریم ورکی استفاده کردین؟؟

موفق و پیروز باشید.

سلام

گوگل کروم - بوت استرپ

 

البته من الان فهمیدم مشکل کجاست

 

در حالت SM مشکل داره

مشکل هم اینجاست که کلاس Row استایلش به صورت زیر هست :

  1. margin-right: -15px;
  2. margin-left: -15px;

 

وقتی که این استایل ها رو توی Inspect Element غیر فعال می کنم ، مشکل توی نمایشگر sm حل میشه و سایت رو درست نشون میده

به نظر شما باید چیکار کنم ؟

 

 

آدرس سایتم

ویرایش شده توسط site
لینک به ارسال
در 6 دقیقه قبل، site گفته است :

سلام

گوگل کروم - بوت استرپ

 

البته من الان فهمیدم مشکل کجاست

 

در حالت SM مشکل داره

مشکل هم اینجاست که کلاس Row استایلش به صورت زیر هست :

  1. margin-right: -15px;
  2. margin-left: -15px;

 

وقتی که این استایل ها رو توی Inspect Element غیر فعال می کنم ، مشکل توی نمایشگر sm حل میشه و سایت رو درست نشون میده

به نظر شما باید چیکار کنم ؟

 

 

آدرس سایتم

نه کارتون اشتباهه ساختار row رو تغییر ندید. شما به اون div که کلاس های بوت استرپ دادین و باید بررسی کنید ... سعی کنید از این سه کلاس حتما استفاده کنید :

col-lg-3 col-sm-3 col-xs-3

به جای اون 3 ها عدد دلخواه و وارد کنید.

الان سایتتون و بررسی میکنم.

موفق و پیروز باشید.

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

سایتتون و با گوشی هم تست کردم  (با مرورگر کروم) مشکلی نبود ... ی کم بهم ریختگی داره ولی ریسپانسیو هست.

موفق و پیروز باشید.

لینک به ارسال

ممنون

 

آخه در حالت sm ، یه بهم ریختگی داره :

 

15592150498741430884_Untitled.png

 

 

اونجایی که خط خطی کردم

 

علتش هم این هست که کلاس row ویژگی های زیر رو گرفته :

margin-right: -15px;

margin-left: -15px

 

راه حل چیست ؟

 

مثلا راهی هست که بشه گفت در حالت sm ، کلاس row ، ویژگی هاش حذف بشه ؟

لینک به ارسال
در 22 ساعت قبل، site گفته است :

ممنون

 

آخه در حالت sm ، یه بهم ریختگی داره :

 

15592150498741430884_Untitled.png

 

 

اونجایی که خط خطی کردم

 

علتش هم این هست که کلاس row ویژگی های زیر رو گرفته :

margin-right: -15px;

margin-left: -15px

 

راه حل چیست ؟

 

مثلا راهی هست که بشه گفت در حالت sm ، کلاس row ، ویژگی هاش حذف بشه ؟

با عرض سلام و وقت بخیر

دلیلش از Sm نیست ... اگه دقت کنید تو این حالت عنوان محصول اولی توی دو خط افتاده وباعث شده عرض اون پنل زیادتر شه ... چند راه حل وجودداره ولی راحت ترینش استفاده از min-height هست . به اینصورت که برای کل پنلتون که از Col ها استفاده کردید توی Css یک min-height با اندازه دلخواه تعریف کنید .

راه حل دوم هم تغییر ساختار و استفاده نکردن از کلاس های col هست که کمی مشکله...

بنده باز هم میگم مشکل شما از row نیست.

موفق و پیروز باشید.

لینک به ارسال

سلام و ممنون از دوستان

این مشکل حل شد

 

ولی اصلا من الان با موبایل سایتم رو نگاه میکنم ، اصلا رسپانسیو نیست

 

شما صفحه single.php رو نگاه کنید ، انگار سایت بدون رسپانسیو باز شده

 

شما چه پیشنهادی دارید ؟ مشکل از کجاست ؟

لینک به ارسال

سلام . سایت شما رو هم با کروم و هم با فایرفاکس در حالت موبایل چک کردم مشکلی نبود صفحات ریسپانسیو هستن.

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...