alirezam50

مشکل زوم در موبایل

14 پست در این موضوع قرار دارد

سلام دوستان

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

این مشکل در مرورگر پیش فرض گوشی و فایر فاکس و اپرا هست ولی در مرورگر کروم گوشی درست نشون میده ومشکلی نداره .

Travel to Iran

بنظرتون مشکلش چیه ؟

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

1- امکان ریسپانسیو کردن سایت نیست

2-امکان تغیر قالب نیست

3- نمیخوام کلا زوم بسته بشه

لطفا اسرار به انجام سه گزینه بالا نکنید

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

0

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


لینک به پست

سلام

یک راهش اینه که با مدیا کوئری یا هر فریمورکی که استفاده میکنید ، بیاید بگید هدر رو توی گوشی یا عرض 320 نشون نده

یک راهش اینه که ارتفاع هدر رو توی دستگاه ها باز هم با مدیا کوئری کم کنید.

موفق باشید

1

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


لینک به پست

سلام

یک راهش اینه که با مدیا کوئری یا هر فریمورکی که استفاده میکنید ، بیاید بگید هدر رو توی گوشی یا عرض 320 نشون نده

یک راهش اینه که ارتفاع هدر رو توی دستگاه ها باز هم با مدیا کوئری کم کنید.

موفق باشید

میشه بیشتر راهنمایی کنید

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

میتونید کدش رو برام ایجاد کنید

0

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


لینک به پست

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

0

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


لینک به پست

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

من مبتدی هستم و از کد ها چیزی نمیدونم اگر میشه لطف کنید کدش رو برام بزارید که من در جای مناسب قرار بدم

0

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


لینک به پست

به نظر منم از مدیا کوئری استفاده کن ، کد نویسی اون جوری لازم نیست بلد باشی.. ;)

0

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


لینک به پست

به نظر منم از مدیا کوئری استفاده کن ، کد نویسی اون جوری لازم نیست بلد باشی.. ;)

من چیزی از کد نویسی نمیدونم .لطفا کدش رو ایجاد کنید ممنون میشم

سرچ کردم ولی هر سایتی یه چیزی نوشته بود منم چیزی متوجه نشدم

0

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


لینک به پست

ببخشید بابت اسپم

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

0

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


لینک به پست

سلام ، آپ کردن تاپیک بعد از 24 ساعت منعی نداره...

___

دوست عزیز قالب شما کاملاً رسپانسیو هست!

منتهی یه سری اشتباهاتی توی رسپانسیو شدنش هست که مهم ترینش اینکه طرّاح قالب مثل اینکه فراموش کرده کد زیر رو بذاره توی قالب

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

کد بالا رو داخل قالب قسمت header.php بین تگ های <head> و </head> بذارید تا هر دستگاهی که وارد سایت شما میشه براساس ابعاد خودش سایت رو ببینه

0

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


لینک به پست

سلام ، آپ کردن تاپیک بعد از 24 ساعت منعی نداره...

___

دوست عزیز قالب شما کاملاً رسپانسیو هست!

منتهی یه سری اشتباهاتی توی رسپانسیو شدنش هست که مهم ترینش اینکه طرّاح قالب مثل اینکه فراموش کرده کد زیر رو بذاره توی قالب

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

کد بالا رو داخل قالب قسمت header.php بین تگ های <head> و </head> بذارید تا هر دستگاهی که وارد سایت شما میشه براساس ابعاد خودش سایت رو ببینه

'گذاشتم ولی الان یه نکته ای هست

توی گوشی هواوی وضوح تصویر 720*1280 هست درست نشون میده با همه مرورگر ها

ولی توی گوشی گلکسی اس 4 و این گوشی های سایز کوچیک خراب نشون میده

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

0

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


لینک به پست
'گذاشتم ولی الان یه نکته ای هست توی گوشی هواوی وضوح تصویر 720*1280 هست درست نشون میده با همه مرورگر ها ولی توی گوشی گلکسی اس 4 و این گوشی های سایز کوچیک خراب نشون میده چجوری گوشی های کوچیک هم درست کنم که درست نشون بده

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

درواقع طرّاح قالب شما به این فکر نکرده که توی رزولیشن های پایین منو نصف صفحه رو میگیره ، به کلاس gridnavigation در رزولیشن مدّ نظرتون به وسیله کوئری های CSS کد display:none رو بدید تا منوتون دیگه دیده نشه

(البتّه میتونید در فایل responsive.css خط 346 که کد زیر رو داره:

@media only screen and (max-width: 479px) and (min-width: 320px)
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
width: 280px;

این کد رو اضافه کنید

فراموش نکنید بعد از تغییرات باید دکمه F5 رو بزنید یا اینکه حافظه پنهان مرورگر گوشیتون رو پاک کنید تا کشش پاک بشه.

0

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


لینک به پست

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

درواقع طرّاح قالب شما به این فکر نکرده که توی رزولیشن های پایین منو نصف صفحه رو میگیره ، به کلاس gridnavigation در رزولیشن مدّ نظرتون به وسیله کوئری های CSS کد display:none رو بدید تا منوتون دیگه دیده نشه

(البتّه میتونید در فایل responsive.css خط 346 که کد زیر رو داره:

@media only screen and (max-width: 479px) and (min-width: 320px)
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
width: 280px;

این کد رو اضافه کنید

فراموش نکنید بعد از تغییرات باید دکمه F5 رو بزنید یا اینکه حافظه پنهان مرورگر گوشیتون رو پاک کنید تا کشش پاک بشه.

من مبتدی هستم و از کد نویسی چیزی نمیدونم .شما با هزینه میتونید برام درست کنید ؟

0

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


لینک به پست

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

0

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


لینک به پست

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

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

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

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


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

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

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


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