صفحه نخست پرسش و پاسخ پشتیبانی درباره ما تماس با ما

یک وی پی

دانلود پوسته و پلاگین وردپرس

راه اندازی فروشگاه آنلاین فایل
برای جستجو، کلمه کلیدی را وارد کنید

بهترین نقاط شکست (break points) در طراحی رسپانسیو


چرا تعیین break points در طراحی رسانسیو مهم هست؟

در طراحی رسپانسیو ما سعی می کنیم که نحوه نمایش و چیدمان المان های وب سایت در دستگاه های مختلف از جمله گوشی های کوچک، گوشی های هوشمند، تبلت ها، لپ تاپ و  مانیتورهای دسک تاپ به درستی صورت گیرد.

مخصوصا در مورد گوشی های موبایل این موضوع اهمیت بیشتری دارد.

با توجه به نمایش وب سایت در صفحه نمایش با رزولیشن های مختلف از گوشی های موبایل گرفته تا مانیتورهای بزرگ، نیاز هست که بر اساس عرض (width)  صفحه نمایش تغییراتی در استایل صفحه ایجاد شود.

 

تعریف browser breakpoints
تعریف browser breakpoints

بر اساس عرض صفحه می توان دستگاه های مختلف را به چند دسته تقسیم کرد:

 صفحه نمایش های extra small یا به اختصار XS :

صفحه نمایش های گوشی ها و دستگاه های مختلف با عرض کمتر از ۵۷۶ پیکسل

 

صفحه نمایش های small یا به اختصار SM :

شامل صفحه نمایش هایی با رزولیشن بیشتر از ۵۷۶ پیکسل و کمتر از ۷۶۸ پیکسل

 

صفحه نمایش های medium یا به اختصار MD :

شامل صفحه نمایش هایی با رزولیشن بیشتر از ۷۶۸ پیکسل و کمتر از ۹۹۲ پیکسل که اکثرا مربوط به صفحه نمایش تبلت ها  در حالت portrait می شود.

 

صفحه نمایش های large یا به اختصار LG :

شامل صفحه نمایش هایی با رزولیشن بیشتر از ۹۹۲ پیکسل و کمتر از ۱۲۰۰ پیکسل که اکثرا مربوط به صفحه نمایش تبلت ها  در حالت landscap می شود.

 

صفحه نمایش های  extra large یا به اختصار XL  :

شامل صفحه نمایش هایی با رزولیشن بیشتر از ۱۲۰۰ پیکسل،  که  صفحه نمایش لپ تاپ ها و دسک تاپ را شامل می شود.

 

نقاط شکست پیشنهادی :

۳۲۰-۴۸۰-۷۲۰-۱۰۲۴-۱۳۶۶

 

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

تمام حقوق مادی و معنوی برای وب سایت یک وی پی محفوظ است. استفاده از مطالب وب سایت ،فقط در صورت ذکر منبع مجاز می باشد.
© All rights reserved 1wp.ir 2010-2018.