admin
![]() ![]() ![]() ![]() ![]() ![]()
|
پاسخAnswer 6 : شروع طراحی رسپانسیو با سی اس اس 3نقل قول از majidیه روش استفاده اینه که از درصد ها کمک بگیری که توی اندازه های خیلی کوچیک و اندازه های خیلی بزرگ خیلی بد از آب در میاد.نقل قول از moisrexمنم نوشتم میشه ازمدیا استفاده کرد مثلا همین لینک باکس منو اگر با نمایشگر بزرگ ببینیدش یکم بزرگه با وجود این که با مدیا کوچیک ترش کردم. (توی فایرفاکس کنترل شیفت m رو بزنید.) ولی این دو تا اصل ماجرا نیستن ... ترفند های دیگه ای هم هستن. مثل استفاده از درصد به جای پیکسل در فونت ها یا استفاده از overflow کنار float برای وقتی که مثلا میخوای یه متنو کنار یه تصویر بذاری یا مثلا استفاده از background-size برای پس زمینه ها (که پیشنهاد نمیشه) یا ... حتی توی جاوا اسکریپت هم میشه کدهای media رو شبیه سازی کرد. اما به وقت و کاری که براش میذاری نمی ارزه که بیخوای برای مرورگر های قدیمی که از سی اس اس سه پشتیبانی نمی کنن هم کد بنویسی در حالی که نصف قالبت با سی اس اس سه هست ... اما اگر این همه کد رو استفاده کنین تا وقتی که متا تگ viewport رو استفاده نکنین انگار تقریبا هیچ کاری نکردین ... چون مرورگر کاربر خودش یه زوم اوت می کنه خودکار تا صفحه رو مثل این صفحه مانیتور بزرگ کنه و با viewport میشه زوم رو درست کرد تا بقیه صفحه متناسب بشن. البته بعضی از سایت ها دیگه خیلی عمیق از واکنشگرا استفاده می کنن به طوری که اگر کاربر یه مرورگر قدیمی داشته باشه که سی اس اس سه رو پشتیبانی نکنه و صفحه نمایشش هم کوچیک باشه (حتی همین مانیتورای آماتور قدیمی که خیلی بزرگن ولی صفحه نمایششون کوچیه هم رزولیشن پایین دارن تصویر بزرگ میشه ، میشه مثل یه تبلت تقریبا) اسکرول بار مرورگر 6 کیلومتر میشه ... یکی از بد ترین قسمت هایی که من خیلی بدم میاد توی ریسپانسیو ، ریسپانسیو کردن منوی navigation هست که لینک ها توشه. بعضیا میان با جاوا اسکریپت اون لینک ها رو به صورت یه دکمه در میارن که بعدش باز میشه. بعضی ها هم همین کارو با سی اس اس انجام میدن که البته طرح ریزیش یه الگوی خاص باید داشته باشه تا با کمترین کد بتونی مشکلو بر طرف کنی بعضی ها همینجوری به صورت کاتوره ای میان از float استفاده می کنن هر چی شد شد ... بعضی ها هم از display:inline-block من جدیدا خیلی میبینم که مثلا بعضی ها از inline-block و خاصیت box-sizing و اینجور چیزا خیلی استفاده می کنن. فقط باید بهشون بگم بهتره از این ها استفاده نکنین سی اس اس خودش برای دور زدن اینا کد داره فقط یکم سخته به دست آوردن اعداد دقیقش و یکمی اعدادش رند نمیشن مخصوصا وقتی با padding و margin کار می کنی ... توی یه مرورگری که سی اس اس سه پشتیبانی نمیشه قالب چنین کسایی میشه طویله ... متاسفانه اینترنت اکسپلورر های ورژن پایین و فایرفاکسی مثل فایرفاکس 3.6 و اینجور مرورگر های قدیمی که که مشکلاتی دارن توی کافی نت ها زیاده ... کافی نتی ها هم عین بز فقط فکر فریزر و آنتی ویروس کامپیوترشونن ... :دی با تشکر ![]() ![]() ![]() !Whatever you DISRESPECT, you'll never have the ability to ACCESS
|
||||||||
پنجشنبه 02 مرداد 1393 - 11:48 |
|
![]() |
سپاس هاThanks (1) : majid - |