Fast-Learn 33 ارسال شده در تیر 96 گزارش بازنشر ارسال شده در تیر 96 سلام. من دارم یه قالب برای سایتم مینویسم، که طبعیتاً روی لوکالم بود. قالب کاملا توی پی سی ریسپانسیوه! یعنی وقتی صفحه ی مرورگر رو کوچیک میکنی، قالب خاصیت ریسپانسیویش کاملا صحیحه. یا وقتی از ابزار inspect element گوگل کروم قسمت تست ریسپانسیو بودنش استفاده میکنم، یا از سایتای تست ریسپانسیو بودن استفاده میکنم، باز هم کاملا سایت ریسپانسیوه! حالا اومدم شکل واقعیش رو توی گوشی ببینم، برای همین قالب رو روی هاست آپلود کردم، باز هم وقتی توی پی سی ریسپانسیو بودنش رو چک میکنم درسته، ولی وقتی توی موبایل نگاه میکنم اصلا ریسپانسیو نیست! توی چند تا موبایل تست کردم توی هیچکدوم ریسپانسیو نبود! برای ریسپانسیو کردن هم بیشتر جاها از قابلیتای فریم ورک materilize استفاده کردم و بعضی جاها هم دستی. ممنون میشم راهنماییم کنید! بد جوری اعصابمو خورد کرده 1 نقل قول لینک به ارسال
Fast-Learn 33 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 (ویرایش شده) ببخشید دوستان اشتباه شد توی 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 هم درست کار میکنه ویرایش شده تیر 96 توسط Fast-Learn 1 نقل قول لینک به ارسال
Fast-Learn 33 ارسال شده در تیر 96 مالک گزارش بازنشر ارسال شده در تیر 96 مشکل حل شد! راه حل رو میگم که اگه کس دیگه ای این مشکل رو داشت به کمکش بیاد: کافیه این کد رو توی تگ هید قالبتون بذارید: <meta name="viewport" content="width=device-width, initial-scale=1"> 4 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .