مشکل در ریسپانسیو سازی

[Pouya 1102]

سلام. من در فایل هدر کد زیر رو نوشتم:

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

و در فایل اصلی استایل، کدهای متغیرها رو در

@media screen and (max-width:480px) {....}

وارد کردم. وقتی در مرورگر فایرفاکس . کروم، سایت رو در حالت ریسپانسیو تست میکنم، درست نمایش داده میشه اما در موبایل (با چند مرورگر) قالب رو بهم ریخته نمایش میده!

مشکل کجاست؟

آدرس:

http://lilipad.ir/

[IMasoud 102]

اصلاً توی دسکتاپ هم هماهنگ نیست احتمالاً از ستون ها اشتباه استفاده کردید

از چه فریم ورکی استفاده می کنید؟

ویرایش شده مرداد 93 توسط IMasoud

[Pouya 1102]

اصلاً توی دسکتاپ هم هماهنگ نیست احتمالاً از ستون ها اشتباه استفاده کردید

از چه فریم ورکی استفاده می کنید؟

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

از فریم ورک استفاده نکردم و فقط همین کارها رو انجام دادم.

[IMasoud 102]

خوب اگر به سی اس اس مسلط هستید ابتدا با فریم ورک ها کار کنید که روال کار بیاد دستتون

[Pouya 1102]

خوب اگر به سی اس اس مسلط هستید ابتدا با فریم ورک ها کار کنید که روال کار بیاد دستتون

به CSS تسلط کامل ندارم، اما پرکاربرداش رو بلدم.

برای حل مشکل، راهی جز فریم ورک نیس؟ در چند آموزش ساده‌ای که دیدم (فیلم) اصلا حرفی از فریم ورک نزدن و همینطوری انجام دادن.

[SM-Mahdavi 5428]

سلام

اگه می خوای کارت سریع تر انجام بشه و به media query ها تسلط نداری با bootstrap کار کن. داخل انجمن آموزش هست. ویدئو هم داخل وب زیاده. یه روزه می تونی کل قالب رو برای همه دستگاه ها ریسپانسیو کنی. خیلی هم عالی

[IMasoud 102]

مرتضی جان درست می گن اما، بوت استرپ بالا و پایین زیاد داره

[Alireza Xn 1644]

اگر بخواهید از بوت استرپ استفاده کنید دیگه هیچ وقت ریسپانسیو کردن اصولی قالب رو درست نمیتونید یاد بگیرید پیشنهاد میکنم از همون مدیا کوئری استفاده کنید که کارتون حرفه ایی تر و بهتر باشه اصلا هم کار سختی نیست به سرچ کنید به راحتی میتونید یاد بگیرید .