دکتر مهندس

کمک برای رفع باگ نسخه موبایلی قالب ریسپانسیو

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

ارسال شده در (ویرایش شده)

سلام

دوستان لطفا سایت http://medplant.ir رو ببینید. اگر با کامپیوتر هستید، لطفا صفحه رو کوچیک کنید می بینید که نسخه موبایلی میشه اما مشکلی که داره اینه که در نسخه موبایلی یه طرف صفحه، سفید میفته.

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

کسی میدونه چطور میشه این مشکل رو رفع کرد؟

متشکرم

ویرایش شده در توسط دکتر مهندس
0

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


لینک به پست

ارسال شده در (ویرایش شده)

این کد باعثش میشه

 

<div id="shadow-footer"></div>

 

پهناش 988px هستش و ثابت می مونه باید ویرایش بشه 

ویرایش شده در توسط p47ri0t
1

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


لینک به پست

ارسال شده در (ویرایش شده)

اگه اینی ک رفیقمون گفت نشد ٬ این کد رو به head اضافه کنید :

    <meta name="viewport" content="width=device-width, initial-scale=1" />

 

ویرایش شده در توسط majid1889
3

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


لینک به پست

من هم همین مشکل را با وبسایتم دارم. راه حل های دوستان رو تست کردم اما جواب نداد. اساتید راه حل دیگری دارید؟ ممنون

0

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


لینک به پست

یافتم!

این کد رو به CSS سفارشی اضافه کنید!

html, body {
   max-width: 100%;
   overflow-x: hidden;
}

 

0

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط j1989m
      سلام 

      یه اسلایدر ریسپانسیو و تاچ میخوام که عناصر داخل هریک از اسلایدها با انیمیشن ظاهر و ناپدید بشن 
      (شبیه اسلایدر این سایت : https://payment24.ir/ ولی خب این تاچ نیست و با بوت استرپه) 

      ببینید مثلا اسلایدر زیر رو با owl carousel ساختم و میخوام با نمایش اسلایدها title و description با انیمیشن دلخواه خودم نمایش و ناپدید بشن: 

      https://codepen.io/j1989mah/pen/VzoOmY 

      با رویدادهای owl carousel میشه اینکارو کرد؟ کسی با ایونت های کاروسل کار کرده؟ 
      https:/owlcarousel2.github.ioOwlCarousel2docs/api-events.html 
    • توسط unid_user
      سلام دوستان
      من با بوت استرپ به مشکل خوردم و در حالت های مختلف موبایل درست نمایش نیمده. من قالبم رو اکثرا با position های absolute و relative ساختم و واقعا برای نمایش رسپانسیو به مشکا خوردم.
      ممنون
    • توسط j1989m
      سلام
      لطفا اسلایدر این سایتو ببینید: https://beyamooz.com
      میخوام یه اسلایدر مثل لینک بالا داشته باشم: بطوریکه داخل هراسلاید چند تا عنصر مختلف (آیکون و متن) باشه که با اومدن هراسلاید، هریک از عناصر داخلش با انیمیشن خاصی ظاهر بشن، و با رفتن هراسلاید، عناصر داخلش هم با انیمیشن ناپدید بشن...ضمن اینکه ریسپانسیو و لمسی هم باشه...  ؟ ؟ ؟ ؟ ؟ ؟
      در حال حاضر اسلایدر زیر رو با کاروسل ساختم:
      https://codepen.io/j1989mah/pen/VzoOmY
      جمعا 3 تا اسلاید هست: داخل اسلاید دوم و سوم المان هایی رو قرار دادم... اما میخوام با اومدن و رفتن هراسلاید المان های داخلش با انیمیشن ظاهر و ناپدید بشن...
      ؟ ؟ ؟ ؟ ؟ ؟
       
    • توسط Fast-Learn
      سلام.
      من دارم یه قالب برای سایتم مینویسم، که طبعیتاً روی لوکالم بود. قالب کاملا توی پی سی ریسپانسیوه! یعنی وقتی صفحه ی مرورگر رو کوچیک میکنی، قالب خاصیت ریسپانسیویش کاملا صحیحه. یا وقتی از ابزار inspect element گوگل کروم قسمت تست ریسپانسیو بودنش استفاده میکنم، یا از سایتای تست ریسپانسیو بودن استفاده میکنم، باز هم کاملا سایت ریسپانسیوه!
      حالا اومدم شکل واقعیش رو توی گوشی ببینم، برای همین قالب رو روی هاست آپلود کردم، باز هم وقتی توی پی سی ریسپانسیو بودنش رو چک میکنم درسته، ولی وقتی توی موبایل نگاه میکنم اصلا ریسپانسیو نیست!
      توی چند تا موبایل تست کردم توی هیچکدوم ریسپانسیو نبود!
      برای ریسپانسیو کردن هم بیشتر جاها از قابلیتای فریم ورک materilize استفاده کردم و بعضی جاها هم دستی.
      ممنون میشم راهنماییم کنید!
      بد جوری اعصابمو خورد کرده
    • توسط MahTV
      سلام دوستان و اساتید عزیز
      اگه بخوایم به صورت شرطی (کوچک بودن صفحه نمایش ) تو موبایل یک باکس رو (مثل باکس دانلود) به کاربر در حالت چرخش صفحه نشون بدیم 
      و به کاربر بگیم که برا دیدن لینک ها باید گوشی موبایلت رو بچرخونی باید چیکار کنیم ؟
       
      من این کد رو از سایتی برداشتم ولی نمیدونم چطور باید ازش استفاده کنم 
      <div class="alerta"><b class="icon-screen-rotation"></b><p style="text-align: center;"><span style="font-family: tahoma,arial,helvetica,sans-serif;">برای دیدن لینکهای دانلود ، موبایل خود را بچرخانید . دقت کنید گزینه اسکرین روتیشن یا چرخش صفحه در دستگاه شما روشن باشد </span></p></div>