در طراحی ریسپانسیو چه سایزهایی رو باید درنظر گرفت؟

[e_a_23]

سلام
من در طراحی ریسپانسیو این سایزها رو در نظر گرفتم:
600*1280
1280*980
1280*800
1024*768
640*360
480*320
توی همه ی این سایزها کل صفحه اوکی هست اما بعضی چیزها توی صفحم هست مثل یک خط متن که بین این سایزها مکانش جا به جا می شه کمی. نمی شه که همه ی سایزها رو تست کرد. میشه؟ امیدوارم منظورمو درست رسونده باشم.

[alireza_s_84]

سلام
من در طراحی ریسپانسیو این سایزها رو در نظر گرفتم:
600*1280
1280*980
1280*800
1024*768
640*360
480*320
توی همه ی این سایزها کل صفحه اوکی هست اما بعضی چیزها توی صفحم هست مثل یک خط متن که بین این سایزها مکانش جا به جا می شه کمی. نمی شه که همه ی سایزها رو تست کرد. میشه؟ امیدوارم منظورمو درست رسونده باشم.

http://spirelightmedia.com/resources/responsive-design-device-resolution-reference

[e_a_23]

اینا که خیلی زیادن یعنی باید همه ی این سایزها رو چک کنیم و مدیا کوئری واسشون بنویسیم؟

[alireza_s_84]

اینا که خیلی زیادن یعنی باید همه ی این سایزها رو چک کنیم و مدیا کوئری واسشون بنویسیم؟

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

[Mohammadsgh]

از چه روشی میشه طراحی ریسپانسیو ساخت میشه راهنمایی کنید؟:لبخندساده:

[e_a_23]

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

http://nardebaan.ir/15207-آشنایی-با-گرید-در-طراحی-وب
http://www.webtarget.ir/blog/طراحی-وب-سایت-align-grid/
http://www.aparat.com/v/tLTRG
http://getbootstrap.com/css/#grid-options

[e_a_23]

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

[qartalonline]

عرض استاندارد برای طراحی ریسپانسیو:
1280
980
768
480
320

البته لازم نیست برای همشون مدیا کوئری بنویسید.
مدیا کوئری شون بصورت زیر میشه:
body{
background-color: #000;
}
@media (min-width: 1280px){
body{
background-color: #f00;
}
}
@media (max-width: 768px){
body{
background-color: #F90;
}
}
@media (max-width: 480px){
body{
background-color: #0066A4;
}
}

[alireza_s_84]

میشه در مورد این آمارگیر بیشتر توضیح بدین؟ با چه عنوانی سرچ کنم تو نت؟

بهتره آمارگیر رو خودتون بنویسید ولی اگر نمیخواین درگیر کدنویسی بشین میتونید از وبگذر استفاده کنید.