site

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

8 پست در این موضوع قرار دارد

سلام دوستان

 

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

 

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

عکس :

34429150498566526066_pes.png

 

 

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

 

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

1

به اشتراک گذاری این پست


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

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

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

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

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

سلام

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

 

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

 

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

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

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

 

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

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

 

 

آدرس سایتم

ویرایش شده در توسط site
0

به اشتراک گذاری این پست


لینک به پست
در 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 ها عدد دلخواه و وارد کنید.

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

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

ویرایش شده در توسط هادی خانزاده
1

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

ممنون

 

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

 

15592150498741430884_Untitled.png

 

 

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

 

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

margin-right: -15px;

margin-left: -15px

 

راه حل چیست ؟

 

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

0

به اشتراک گذاری این پست


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

ممنون

 

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

 

15592150498741430884_Untitled.png

 

 

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

 

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

margin-right: -15px;

margin-left: -15px

 

راه حل چیست ؟

 

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

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

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

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

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

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

1

به اشتراک گذاری این پست


لینک به پست

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

این مشکل حل شد

 

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

 

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

 

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

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

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

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری