رفتن به مطلب

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


پست های پیشنهاد شده

سلام

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

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

www.web4dl.ir

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

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

ممنون

لینک به ارسال

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

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

http://purecss.io/

لینک به ارسال

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

ویرایش شده توسط M.Javad
لینک به ارسال

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

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


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

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

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

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

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

موفق باشید.

لینک به ارسال


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

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

20script.ir

لینک به ارسال

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

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

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

لینک به ارسال
  • 2 هفته بعد...

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

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

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

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

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

لینک به ارسال

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...