طراحی ریسپانسیو

[هزاره سوم]

سلام
من همیشه طرح هایی که میزدم فقط توی لپتاپ خودم ، همه چی سر جاش بود
توی بقیه کامپیوتر ها جاش تغییر میکرد
یعنی فقط استایل کلی سایت تغییر مکان میداد همه اجزا جاشون اکی بود
مثلا خیلی راست خیلی چپ بود
میشه بگید چطور باید این مشکل رو حل کنم؟
اگر اندازه ها رو بر اساس % بدم به نظرتون درست میشه؟

[r4hgozar]

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

http://www.w3schools.com/cssref/pr_class_float.asp

http://www.beyamooz.com/audio/259-html/1418-%D8%B5%D9%81%D8%AD%D9%87-%D8%A8%D9%86%D8%AF%DB%8C-%D8%A8%D8%A7-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-%D8%B9%D9%86%D8%B5%D8%B1-div

[هزاره سوم]

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

[vimax23]

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

شما وقتی درصد میدی تو رزلویشن های مختلف اون درست نمایش داده نمیشه اما وقتی پیکسل میدی درست نشون داده میشه
همچنین تگ display بسیار کاربردی هست برای اینکه صفحه ریسایز میشه به هم نریزه
این قضیه هم ارتباطی به گوشی و تبلت نداره چون اونا خیلی کوچیکتر از دسکتاپی ها هستن به همین دلیل باید شما عناصر صفحه رو تحت اون رزلویشن ها برای 3 دیوایس طراحی کنین یعنی فرضا یه منو 900 پیکسل ویدت داری شما باید روی تبلت مثلا 300 پیکسل بشه اینجا با مدیاکوئری میایی تعریف میکنی اگر دیوایسی که داره میخونه صفحه رو تو رنج رزلویشنش مثلا 500 بود این منو اندازش بشه 300 پیکسل به همین ترتیب شما مثلا یه بلوک هایی داری که در منتیورهای دسکتاپی کلی اجزا داره میتونی با همین مدیاکوئری اونا رو none کنی یا بندازیشون تو یه دیو مجزای دیگه
فیلم آموزشی تو یوتیوب اینقدر زیاده در این مورد که نیاز به هیچی نداری
از من هم میشنوی برای کار خودت دنبال فریم ورک مثلا توئیتر نباشه چون اون کلی کد اضافه داره وقتی صفحه داره لود میشه مرورگر مجبوره بخونه همه رو سایت سنگین میشه
به صورت ابتدایی شروع کن دریم ویور اگر داری میتونی راحت یاد بگیری خیلی آسونه ولی باید علاقه داشته باشی و وقت بزاری براش

[_mojitaba_]

میخوای وسط باشه کل اجزای صفحه رو بریز تو یه div و به دیو استایل
margin:0 auto بده

[mmdsharifi]

شما بایستی از یک Grid System واکنش گرا استفاده کنید .برای این منظور به این لینک مراجعه کنید.
http://www.responsivegridsystem.com/calculator/