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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط masoudmosleh267
      سلام دوستان عزيز. خواستم بدونم امكانش هست كه بنده يك سايت وردپرسي كه ٢٠ تا افزونه روش نصبه رو تبديل كنم به لاراول و رو اون فريم ورك كار كنم؟
    • توسط masoudmosleh267
      سلام دوستان. من یه سایتی رو از بکاپ گرفتم و از یه هاست و دامنه به یه هاست و دامنه جدید انتقال دادم. حالا چه سایت رو که باز میکنم چه وارد پیشخوان وردپرس میشم یه ارور میاد یکی از خطلی functions.php قالب رو نشون میده.
      Parse error: syntax error, unexpected 'class' (T_CLASS), expecting identifier (T_STRING) or variable (T_VARIABLE) or '{' or '$' in /public_html/wp-content/themes/khadamator/functions.php on line 1132
      مشکل چیه؟
    • توسط yaali
      بنام خدا
      :::لینک دانلود قالب فراسر:::
      دانلود قالب  
      خیلی وقت هست که به دنبال یک قالب وردپرسی ای بودم که جدا از ساده بودن، بتوانم با آن کد لایسنس و چیزایی از این دست بفروشم. علاوه بر اون کد فروخته شده بلافاصله به شماره موبایل مشتری هم پیامک بشه.
      قالبها و افزونه های زیادی ادعا داشتند که می توانند این کار را انجام دهند؛ اما در واقع هیچکدام کامل نبودند و پاسخی برای نیاز صاحبان فروشگاه نداشتند.
      بالاخره بر آن شدیم تا یه قالب ساده و در عین حال سریع و کارآمد برای این کار آماده کنیم. بعد از فراز و نشیب های بسیار، الان در خدمت شما هستیم با معرفی قالب فراسر.
      قالب فراسر یک قالب وردپرس هست که با اون میشه کارای زیادی رو انجام داد. یه نمونه ی معروف از اون فروش کارت شارژ هست. از طرف دیگه میشه با اون کد لایسنس هم فروخت. یعنی یه سایت فروش لایسنس آنتی ویروس داشت.
      با قالب فراسر می تونید هر نوع خدمتی که بر اساس کد و یا متن باشه انجام دهید. مثل فروش اپل آیدی و یا فروش یه جمله عاشقانه به طوری که هر جمله در یک سطر باشه و آپلود بشه و ...
      تصاویری از قالب فراسر رو می بینید:

      این قالب توسط قلم سافت کدنویسی و آماده شده است و زحمت فارسی سازی اون رو بچه های همیاروردپرس کشیدن که به نشانه ی تشکر، متن پایین وبسایت حفظ شده است.
      هنگامی که بر روی هر کدام از دکمه های پرداخت کلیک کنید؛ با صفحه ی زیر منتقل می شوید:

      این تصویر در واقع سبد خرید شماست. این صفحه به صورت خودکار به صفحه پرداخت منتقل می شود. انتقال خودکار اختیاری است که می توانید آن را از این صفحه حذف نمایید.
      در ادامه کاربر به صفحه زیر هدایت می شود. در این صفحه با وارد کردن تنها شماره موبایل خود می تواند خرید را انجام دهد. وارد کردن پست الکترونیکی اجباری نیست.
       

      بعد از وارد کردن اطلاعات و پرداخت، بلافاصله کد مدنظر، به شماره شما پیامک می گردد. این قالب بر اساس پنل پیامکی sms.ir نوشته شده است. بزودی پنل های پیامکی  دیگر نیز به این قالب اضافه خواهند شد.
       
      اگر شما هم مدتهاست که به دنبال چنین قالبی هستید می توانید هم اکنون با کلیک بر روی متن آن را دانلود کنید
       
    • توسط jahanclip_ir
      سلام
      من یک سایت دارم به نام جهان کلیپ  (jahanclip.ir) بعد از نصب گواهینامه ssl در گوشه سمت راست نوار آدرس سایت یک شکل ظاهر میشه که اگر روش کلیک کنی مینویسه اسکریپتهای ناامن.کسی میدونه این مشکل از کجاست؟
       
      ممنون میشم کمکم کنید.
    • توسط logomaster
      سلام دوستان . من دوتا لینک انتهای این تیکت میزارم که مربوط به یک قالب هست ( دو صفحه از یک قالب)
      ساختار کلی این قالب بسیار خوبه از دید من و میخواستم از تم فارست خریداری کنم ! اما به دلیل اینکه فروش خوبی نداشته ، پشتیبانی خوبی نداره و تا بحال فقط یکبار آپدیت شده ، نمیخوام ریسک کنم.
      حالا از دوستان اگر کسی یک قالب مشابه این ( از نظر ساختار و قالب بندی محتوا ، کدهای کوتاه و.... ) میشناسه به من معرفی کنه . این قالب خیلی خیلی به ایده آلی که من از یک قالب در ذهن دارم نزدیکه.
      http://demo.cmssuperheroes.com/themeforest/inbound-marketing/form/
      http://demo.cmssuperheroes.com/themeforest/inbound-marketing/services-2-2/