M.Javad

طراحی قالب ثابت و سازگار با همه مرورگرها

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

سلام

در مورد طراحی واکنش گرا سوال داشتم.من از همون اول با این قضیه مشکل داشتم آخرم یاد نگرفتم دقیقا چطوری یه قالب رو طوری طراحی کنم که هرچقدر زوم میکنی قالب ثابت باشه

توی اکثر سایت ها دیدم که تمام اندازه هارو ثابت دادن مثلا 1000 پیکسل در صورتی که من اکثر قالب هامو درصدی طراحی کردم مثل این سایت

www.web4dl.ir

با بوت استرپ هم کار کردم ولی اصن جالب نیست

به نظرتون چیکار کنم؟!یه راه حل کامل بدید بهم لطفا

ممنون

0

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


لینک به پست

فریمورک purecss نسبت به دیگر فریمورکهای CSS سادگی خوبی داره

بخش گرید را بررسی کنید

http://purecss.io/

3

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


لینک به پست

ارسال شده در (ویرایش شده)

به نظر شما بهتره قالب رو واکنش گرا بسازم یا به صورت ثابت که هرچقدر زوم این و زوم اوت میکنی تغییر نکنه؟!!!

ویرایش شده در توسط M.Javad
0

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


لینک به پست

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

برای اون مشکل زوم کردن که سایت به هم میریزه با زوم کردن کاربرا توی دستگاه های موبایل هم باید با تگ متا کنترلش کنید به این صورت :


<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable = no;">

می تونید ببینید که user-scalable مقدار no داره ، یعنی اجازه نده.

بعد برای اون واکنش گرایی هم به نظر من شما با همون درصد تنظیم کنید بعد با مدیا کوئری تنظیم کنید که به سایز خاصی که رسید استایل تغییرات جزئی کنه.

برتری درصد دادن به سایز ثابت دادن این هست که صفحات سریع تر و نرم تر به نظر می رسند و با تغییر سایز مرورگر یکهو پرش توی صفحه ایجاد نمیشه !

و دقت داشته باشید که مدیا کوئری ها هم مرورگر رو کند می کنند و نباید تعداد زیادی از اونها رو به کار ببرید ، به نظر من 2 یا 3 تا حداکثر</p>

موفق باشید.

2

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


لینک به پست

ممنون از راهنماییتون دارم همینطور کار میکنم و یاد میگیرم

مرسی :)

0

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


لینک به پست


<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable = no;">

من این کد رو گذاشتم ولی بازم زوم اوت یا زوم این میکنم قالب به صورت کشیده نشون میده من میخاوم کل صفحه باهم تغییر کنه و اندازه ها دست نخوره مثل این سایت

20script.ir

0

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


لینک به پست

این سایت اصلا طراحی رسپانسیو نشده

پیشفرض تمام سایتها به همین شکل هستن

بدون طراحی واکنشگرا

2

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


لینک به پست

این سایت اصلا طراحی رسپانسیو نشده

پیشفرض تمام سایتها به همین شکل هستن

بدون طراحی واکنشگرا

این سایت با تمام سیستم ها مثل پی سی و موبایل و تبلیت سازگار هستش!!!

منظورتون چیه پیش فرض اکثر سایت ها اینطوریه؟!یعنی قالب های آماده سه ستونه به این صورت وجود داره؟!

0

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


لینک به پست

ببینید برای responsive کردن معمولا از freamwork هایی همچون Bootstrap استفاده میکنند که کار سهل و آسان میکند اما در بعضی از سایت ها هم دوستان از روش های دیگری مثل دادن مقادیر بر حسب% و... استفاده میکنند که میشه گفت فقط یک راه حل ساده است و طبق گفته پارسا ریسپانسیو نیست و فقط متجرک است

1

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


لینک به پست

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

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

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

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


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

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

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


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