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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط Ali Brm
      با سلام خدمت دوستان
      سوالی که داشتم اینه من اخیرا کار روی یک قالبی رو شروع کردم که خب سایت سازنده اش اونو میفروخت ولی من توی یک سایت ایرانی اونو به صورت رایگان گرفتم. فک کنم یه جورایی کرکش کردن
      مشکلی که الان دارم اینه که توی کد سایتم اسم اون سایت فارسی دائما دیده میشه. متاسفانه به خاطر قوانین انجمن نمیتونم نه اسم قالب رو بیارم نه اسم سایت فارسی رو.
      حالا من برای مثال اسم اون سایت فارسی رو میگم "فلان پرس". مثلا اگه توی inspect به فونت متن هام نگاه می کنم اسم فونت رو نوشته "folanpress b Yekan"
      از این موارد بسیار توی قالبم هست و هر روز دارم تو جاهای بیشتر اسمشون رو میبینم.
      چجوری می تونم این اسم رو حذف کنم یا به نظرتون اصلا قالبم رو عوض کنم؟
      این مسئله رو برای چی اون سایت فارسی انجام داده روی Rank سایت خودش تاثیر داره؟
       
    • توسط Ali Brm
      با سلام خدمت دوستان
      سوالی که داشتم درباره شخصی سازی قالب سایتم است.
      در حال طراحی قالب سایتم هستم و از قالب publisher استفاده میکنم. در بعضی قسمت ها مثلا لوگوی سایت، اطراف آن Padding: 25px وجود داره. به فایل CSS قالب رجوع کردم و این عدد رو به 0px تغییر دادم و بعد از سیو مشکلم حل شد و padding اطراف لوگوی سایتم نبود. مشکل اینجاست که مثلا در تنظیمات قالب با استفاده از خوده ورد پرس و خوده ابزارهای قالب کافیه گزینه "ذخیره تنظیمات" رو بزنم تا همه چی دوباره برگرده و Padding مجدد بوجود میاد. این رو هم میدونم که اینها یک سری کد هستند که با زدن "ذخیره تنظیمات" اجرا میشن و اعدادی که دستی تغییر دادم رو مجدد با تنظیمات از پیش تعریف شده قالب رونوشت میکنن. حالا میخوستم بدونم راه حل چیه؟ این یکی از موارد بود. مثلا شاید بخوام هدر سایتم ارتفاع خاصی داشته باشه یا رنگ متنی رو جدا تغییر بدم. چه جوری میتونم این مشکل رو حل کنم؟
      سعی کردم توضیح واضح باشه اگه گویا نیست دوستان بفرمایند تا بیشتر توضیح بدم.
      ممنون و متشکر
    • توسط esmaeil.am
      سلام وقت بخیر من هر قالبی که نصب میکنم این ارور رو میده از فایل فانکشن و فقط خد 8 رو ارور میده مشکل از چیه دوستان ممنون میشم راهنمایی کنید
      Fatal error: Can't use function return value in write context in /home/********/public_html/wp-content/themes/*********/functions.php on line 8
    • توسط pouria7777
      سلام خسته نباشید
      میخواستم ببینم اگر بخوام این مجموعه عکس بالا رو توی موبایل به همین صورت و ترتیب نشون بدم چیکار باید بکنم؟ یعنی سایزشون کوچیک بشه به جای این که به هم ریخته بشن و از حالت خطی در بیان.

    • توسط pouria7777
      سلام دوستان
      سایدبار قالب تو موبایل و تبلت نشون داده نمیشه . حتی با کوچیک کردن پنجره مرورگر تو دسکتاپ هم سایدبار حذف میشه. چطوری میتونم جلوگیری کنم از این کار؟