رفتن به مطلب
Fast-Learn

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

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

سلام.

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

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

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

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

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

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

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


لینک به ارسال

ببخشید دوستان اشتباه شد توی 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

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


لینک به ارسال

مشکل حل شد!

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

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

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

 

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


لینک به ارسال

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

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

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

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

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

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

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

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


  • مطالب مشابه

    • توسط shortcut
      درود
      نام قالب استفاده شده در این سایت چیست ؟
      در صورت امکان لینک دانلود رو ار‌ا‌ئه بفرمایید
      ممنونم
    • توسط miladmoqaddam823
      دوستان سلام. 
      چطوری میتونم به انتهای صفحات کتگوری و برچسب ها، متن و توضیحات اضافه کنم؟
      به خیلی از فروشنده های قالب های وردپرس پیام دادم، هیچ کدوم این قابلیت رو ندارن
      حالا الان میخوام با وودمارت کار کنم، اما نتونستم راه حلی پیدا کنم برای این موضوع.
      بعضی قالب ها این امکان رو دارن، اما بالای صفحه نمایش میده، در حالیکه من میخوام انتهای صفحه و زیر محصولات باشه این توضیحات.
    • توسط aliresadeghi
      سلام دوستان من یه قالب روی سایتم ایمپورت کردم 
      فهرست رو میخوام ویرایش کنم و فهرست دلخواه خودم نمایش داده بشه ولی از بخش فهرست ها  فهرستی که الان رو سایت هست رو
      نمایش نمیده که بتونم ویرایش کنم ممنون میشم راهنمایی کنید
    • توسط zaubel2040
      سلام  قالب آماده با حداقل هزنه میخوام خریداری کنم دارای مشخصات زیر : 1- چند زبانه 2- چند فروشنده 3- فروشگاهی نا محدود 4- دارای سیستم افیلیت 5- قابلیت کسب درآمد از پخش تبلیغات خارجی 6- درگاه ارز دیجیتال  با قابلیت تبدیل نرخ به ارز های دیگر بصورت اتومات 7- دارای پشتیبانی و... ممنون میشوم در سریع ترین زمان اعلام بفرمایید. درصورت توانایی طراحی آن ، حدداقل هزینه و زمان اجرا را اعلام فرمایید. حداکثر محلت ارسال مدارک و پیشنهاد قیمت تا تاریخ 3وم اردیبهشت 1398 می باشد. سپاس  zaubel2040@gmail.com  
    • توسط nematam
      سلام مشکل قالب سایت که جدید نصب میکنم ادامه مطلب میرم لینک های دانلود نمیاره
           
×
×
  • اضافه کردن...