Fast-Learn

ریسپانسیو کردن سایت

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

سلام.

من دارم یه قالب برای سایتم مینویسم، که طبعیتاً روی لوکالم بود. قالب کاملا توی پی سی ریسپانسیوه! یعنی وقتی صفحه ی مرورگر رو کوچیک میکنی، قالب خاصیت ریسپانسیویش کاملا صحیحه. یا وقتی از ابزار inspect element گوگل کروم قسمت تست ریسپانسیو بودنش استفاده میکنم، یا از سایتای تست ریسپانسیو بودن استفاده میکنم، باز هم کاملا سایت ریسپانسیوه!

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

توی چند تا موبایل تست کردم توی هیچکدوم ریسپانسیو نبود!

برای ریسپانسیو کردن هم بیشتر جاها از قابلیتای فریم ورک materilize استفاده کردم و بعضی جاها هم دستی.

ممنون میشم راهنماییم کنید!

بد جوری اعصابمو خورد کرده

1

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


لینک به پست

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

ببخشید دوستان اشتباه شد توی inspect element هم درست نشون داده نمیشه

ولی وقتی صفحه رو ریسایز میکنم درست نشون داده میشه

اشکالش هم تا جایی که من فهمیدم اینه که مثلا این کد:

@media only screen and (min-width: 601px)
.row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
}

حتی وقتی صفحه 200 پیکسل هم عرض داره فعاله

یعنی صفحه 200 پیکسلی رو بالای 601 پیکسل شناسایی میکنه!

کدایی هم که خودم نوشتم همینطوره!

یعنی حتی این کد هم کار نمیکنه:

@media screen and (max-width: 900px){
    body{
        background: red !important;
    }
}

ولی حتی تو سایتای تست واکنش گرایی مثل http://responsivedesignchecker.com هم درست کار میکنه

ویرایش شده در توسط Fast-Learn
1

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


لینک به پست

مشکل حل شد!

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

کافیه این کد رو توی تگ هید قالبتون بذارید:

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

 

4

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Mehdi256
      درود و خدا قوت
      دوستان یه سری سوالات داشتم ممنون میشم پاسخ بدید
      من خوب یه قالبی رو نصب کردم که راضیم از و میخام باهاش کار کنم  ولی خوب بعضی بخش هاشو نمیخام یه یه سری بخش هاش یه تغییر جزئی باید انجام بدم مث رنگ و راست و چپ بودنش .. قالبمم از فارسی پشتیبانی میکنه و چپ چی و راست چین هست فقط بخش هایی از اونن میخام تغییر بدم  مثلا توی نمایش تبلتی یا موبایلیش میخام title  سایت و اون tagline  شو چپ به راست کنم و این جور چیزا این یه سوالمه ...
      و اینکه چطور میشه که بخشی از  کاستومایز کردن تو قالب رو کاری کنیم که توی دسکتاپ یه جور نمایش بده و توی گوشی مثلا یه جور دیگه ؟ اینم سوال دوممه و خیلی مهمه برام ؟
    • توسط rshorche
      سلام دوستان وقتتون بخیر
      یه سایت برای نمایش کد تخفیف دارم 
      میخوام وقتی که یه پست رو ارسال میکنم یه باکس باشه که یه کد تخفیف رو نمایش بده 
      و یه دکمه باشه که هر سایتی که اون کد تخفیف رو ازش گرفتن لینک اون سایت رو بزارم و شخص با کلیک کردن روی دکمه منتقل بشه به اون سایت
      کد تخفیف و سایت رو میخوام به صورت دستی از داخل پنل وردپرس ثبت کنم 
      عکس ضمیمه هم نگاه کنید قسمتی که لازم دارم رو با رنگ مشکی نمایش دادم 
      خیلی ممنون میشم کسی بتونه کمک کنه

    • توسط mahdisarlak
      سلام دوستان من میخوام صفحه ایران مال سایتم رو ایندکس کنم ، اما میگه که این صفحه Mobile-friendly نیست  ، ادرس این صفحه از سایتم https://pastor22.com/wp-content/uploads/cache/2018/12/photo_2018-12-06_08-51-37-1/?MA
      چطور میتونم ارور رو رفع کنم؟

    • توسط ahmad25532
      سلام. من دو تا قالب دارم. جفتشون ویژوال کامپوزر رو دارند. آیا امکانش هست که ویژوال کامپوزر رو بخاطر اینکه نسخه ی جدیدتری داره از یه قالب بردارم ببرم قالب دیگه؟
      کلا این افزونه های پولی که داخل قالب ها هستند، فقط روی همون قالب جواب میدن یا نه، میشه برد رو یه قالب دیگه؟
      ممنون
    • توسط shayan.m
      سلام
      وقت بخیر
      دوستان عزیز مشاهده وب سایت میهن وردپرس کنید در قسمت فوتر وب سایت میهن وردپرس یک قسمت هست با نام اجتماعی باشیم می خواهم با توجه به تصویر زیر و اون سایت دقیق دقیق و مثل تصویر زیر انجام بدید من کد نویسی بلد نیستم یکی از دوستان لطفا بهم کدش بده و بگه کجا قرار بدم درست کند و بهم بده
      لطفا انجام بدید
      مرسی مرسی مرسی مرسی مرسی مرسی
      مشابه تصویر زیر: