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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

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

    • توسط webdeveloper98
      سلام
      خسته نباشید
      من در حال طراحی قالب برای خودم هستم 
      یک مشکلی دارم !
      می خواستم نوشته های هر دسته بندی که می خوام رو در صفحه اصلی به صورت Grid نمایش بدم !
      هر جور انجام دادم نشد!
      به این شکل هستش
      زیر هم میاره 
      من تو حالت انتخابی براتون screen گرفتم تا متوجه بشین
       
      دوستان اگر راه حلی می دونین بهم بگید !
      کد من اینه :
      <?php get_header(); if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <div class="post-grid container"> <article> <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2> <?php the_content() ?> </article> </div> <?php endwhile; else : echo ' هیچ نوشته ای وجود ندارد'; endif; get_footer(); ?> برای Css هم :
      transform: translate(-50%, -50%) scale(1.2); } .post-grid article .title { color: #6362fb; font-size: 18px; margin: .75rem 0 .25rem 0; } .post-grid article .date { color: #8c9199; font-size: 16px; margin: 0 0 .25rem 0; } .post-grid article p { color: #59596b; } .post-grid article a:hover .image div { -webkit-filter: grayscale(0.3); filter: grayscale(0.3); opacity: .3; } .post-grid article a:hover .image span { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; } css مشکلی نداره و دقیق هم هست اما مشکل داخل php هست 
      لطفا راهنماییم کنید

    • توسط !Mojtaba
      سلام و عرض ادب

      قالبی را از یکی از سایت های فروش خارجی پیدا کرده ایم و روی سایت مشتری مان نصب کردیم. اما مشکلی که هست اینه که تمام فونت سایت به صورت بزرگ (Capital) هست! میخواستم ببینم چطوری میشه این مشکل رو حل کرد؟ آدرس سایت هم اینجاست

      پیشاپیش سپاس از دوستان 
    • توسط shayan.m
      سلام
      وقت بخیر
      مشاهده سایت من کنید:
      https://srcabad.ir/
      حالا مشاهده تصویر زیر کنید

      می خواهم برای این 3 محصول اول سایت ابعاد عرضی بیشتر که برای بنر مناسب باشد
      و عدد 1 و 2 و 3 می خواهم که توضیح محصول هست حذف شود
      باید چی کار کنم من به کد نویسی مسلط نیستم و با صفحه ساز نمیشه کاریش کرد باید چی کار کنم؟
       
    • توسط reza_yki
      سلام به همه اساتید و دوستان گرامی
      من پوسته ای رو طراحی کرده ام و از همه دوستان می خوام تا اون رو بررسی کرده و هرگونه نظری اگه دارن اعلام کنن تا باشد که فروش خوبی داشته باشم چون فروشش به صورت عمومی خواهد بود
      دموی اول:
      http://demo.yooztheme.ir/plasma
      دموی دوم:
      http://yoozdemos.epizy.com/plasma