Printable View
سلام
من در طراحی ریسپانسیو این سایزها رو در نظر گرفتم:
600*1280
1280*980
1280*800
1024*768
640*360
480*320
توی همه ی این سایزها کل صفحه اوکی هست اما بعضی چیزها توی صفحم هست مثل یک خط متن که بین این سایزها مکانش جا به جا می شه کمی. نمی شه که همه ی سایزها رو تست کرد. میشه؟ امیدوارم منظورمو درست رسونده باشم.
http://spirelightmedia.com/resources...tion-referenceنقل قول:
نوشته شده توسط e_a_23
اینا که خیلی زیادن یعنی باید همه ی این سایزها رو چک کنیم و مدیا کوئری واسشون بنویسیم؟
بستگی به بازدیدکنندگانتون داره ، اون سایزهایی که شما نوشته بودین عمومی بودن و اینها کل سایزهای موجود.نقل قول:
نوشته شده توسط 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
میشه در مورد این آمارگیر بیشتر توضیح بدین؟ با چه عنوانی سرچ کنم تو نت؟نقل قول:
نوشته شده توسط alireza_s_84
عرض استاندارد برای طراحی ریسپانسیو:
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;
}
}
بهتره آمارگیر رو خودتون بنویسید ولی اگر نمیخواین درگیر کدنویسی بشین میتونید از وبگذر استفاده کنید.نقل قول:
نوشته شده توسط e_a_23