رفتن به مطلب

Fast-Learn

عضو سایت
  • تعداد ارسال‌ها

    61
  • تاریخ عضویت

  • آخرین بازدید

نوشته‌ها ارسال شده توسط Fast-Learn

  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 هم درست کار میکنه

    • امتیاز 1
  2. سلام.

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

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

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

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

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

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

    • امتیاز 1
  3. سلام دوستان.

    یه سوالی که جدیدا ذهنمو مشغول کرده اینه که به نظر شما برای سایتای فارسی، طراحی متریال (سبک جدیدی از طراحی که در سال 2015 گوگل اون رو توی سیستم عامل اندروید عرضه کرد) بهتره یا طراحی فلت (با استفاده از فریم ورک بوت استرپ)؟

    نظر خودم اینه که برای سایتای انگلیسی متریال بهتره ولی وقتی وارد سایتای فارسی و مد های ایرانی میشیم انتخاب یکم سخت میشه.

    ممنون میشم هر کسی نظرش رو بگه

  4. سلام.

    برای اینکه تصاویر بزرگ تر از قالب رو کوچیک کنید، این کد رو بذارید توی فایل style.css:

    img{
        max-width: 100%;
        height: auto;
    }

    برای این هم که قابلیت مشاهده در اندازه اصلی وجود داشته باشه روش های مختلفی وجود داره. مثلا میخواید توی پاپ آپ بازشه؟ همونجا تو اندازه اصلی نمایش داده بشه یا...؟

    • امتیاز 1
  5. در 11 دقیقه قبل، mohammadghpr00 گفته است :

    متاسفانه تغییری تو سایز پست ایجاد نکرد

    یک اینکه آخر کد !important اضافه کنید تا تغییر رو ببینید. یعنی این شکلی:

    img{
    	width: 100% !important;
    	height: auto !important;
    }

    و دوم اینکه اگه میشه آدرس سایتتون رو بدید تا بتونیم کد بهتری بدیم

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

×
×
  • اضافه کردن...