8 بهترین روش طراحی وب پاسخگو برای دانستن در سال 2021

عکس پروفایل نویسنده

@رحولیسمرهول

Front-end Web Developer و Blogger

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

در این پست ، من سعی می کنم تمام تلاش خود را برای توضیح بهترین 8 روش پاسخگویی طراحی وب که به من در تسلط بر این عنصر توسعه وب کمک کرده و ممکن است به شما کمک کند وب سایتهای خود را در سال 2021 پاسخگو بدانم ، توضیح دهم.

1. پاسخگو در مقابل طراحی انطباقی: تفاوت را درک کنید

پاسخگو

  • تغییرات پویا در ظاهر وب سایت.
  • به اندازه صفحه و جهت دستگاه بستگی دارد.

انطباقی

  • در طراحی انطباقی از چند طرح ثابت استفاده شده و سپس بهترین طرح برای اندازه صفحه فعلی انتخاب می شود.

2. از واحدهای نسبی استفاده کنید

به جای استفاده از یک واحد مطلق ، شروع به استفاده از واحدهای نسبی کنید.

واحدهای مطلق = از {cm ، mm ، in ، pc ، px ، pt} استفاده نکنید}

واحد نسبی = از {em ، rem ، lh ، vw ، vh} استفاده کنید

3. طراحی را به Breakpoint ها تقسیم کنید

Breakpoint نقاط اندازه گیری از پیش تعیین شده ای هستند که به شما امکان می دهند طرح وب خود را بسته به اندازه مرورگر یا دستگاه از نو تنظیم کنید.

نقاط شکست پاسخگو بوت استرپ

  • دستگاه کوچک =
    @media (min-width:576px) {...}
  • دستگاه متوسط ​​=
    @media (min-width:768px) {...}
  • دستگاه بزرگ =
    @media (min-width:992px)...