zeinab
3 سال پیش توسط zeinab مطرح شد
7 پاسخ

اندازه مرورگرها هنگام طراحی

سلام . من هنگام طراحی سایت مرورگر رو اندازه 75 تنظیم کردم و بعد طراحی کردم میخواستم بدونم بعدا به مشکل نمیخورم ؟


ثبت پرسش جدید
رضا جهانگیر
تخصص : Full-Stack Developer
@rezajahangir 3 سال پیش مطرح شد
1

سلام.
برای اینکه سایت شما در صفحات مختلف به درستی نمایش داده بشه، شما باید از bootstrap و در بعضی جاها از media query استفاده کنید.
برای درک این دو مفهوم به لینک های زیر مراجعه کنید.
bootstrap
media query
اگر نیاز به کمک داشتید من درخدمتم.
موفق باشید.


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
1

سلام
شما باید سایتتون رو واکنشگرا طراحی کنید !!!
و اگر واکنشگرا نباشد شما اندازه مرورگر را روی هر اندازه ای تنظیم کنید مشکل دارد .
برای واکنشگرا سازی از بوت استرپ استفاده کنید .


مبینا ستاری
تخصص : توسعه دهنده بک اند
@mobinasattari7 3 سال پیش مطرح شد
1

درود بر شما.
این بر میگرده به بحث ریسپانسیو که توی گوشی تبلت یا دسکتاپ چطور سایت یا... نشون بده.
تا کارتون واکنشگرا یا رسپانسیو نباشه فرقی نداره اندازه مرورگر رو چقدر تنظیم کردید ، به مشکل میخورید.
در اینجا باید از media query استفاده کنید.
سوال دیگه ای بود دی خدمتم.
موفق باشید


امیر علی
تخصص : طراح و توسعه دهنده fullstack
@ajdar9667 3 سال پیش مطرح شد
0

سلام همونطور که گفتن این بحث ریسپانسیو بودن سایت هست که مهم ترین کاری هست که فرانت اند کار ها باید بلد باشن و به طور عادی به راحتی با کلاس های بوت استرپ : col-sm-12 حل میشه!!!!!!!!


محمدرضا
تخصص : <programmer/>
@mrjazini.ir 3 سال پیش مطرح شد
1

بحث ریسپانسیو سازی !!!!
با BootStrap خیلی ساده قابل حله .
اگرم میخواید خودتون بزنید با MediaQuery


فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
0

بهترین اندازه ی طراحی برای سایت دسکتاپ 1200 پیکسل هست (اندازه ی کل طرح معمولا 1920 میزارن و در وسط 1200 پیکسل درنظر میگیرن برای چهارچوب سایت) منهای 30 پیکسل
15 پیکسل از سمت راست و 15 پیکسل از سمت چپ کم میشه
چون سایتهای ریسپانسیو ستون بندی داره و هر ستئن سمت راست و چپش هرکدوم 15 پیکسله در دسکتاپ
ستونها 12 تا هستن و در نتیجه بین هرستون 30 پیکسل فاصله باید بزارین

برای طراحی سایت در اندازه تبلت بهترین اندازه ی طراحی 1025 پیکسل هست

برای طراحی سایت در اندازه موبایلی بهترین اندازه 640 پیکسل هست

با رعایت تمام قوانین بالا که گفتم

اینا همه تجربیات 5 سال کارکردن مداوم با یک گرافیست حرفه ای هست :)


فاطمه کاظمی زاده
تخصص : Senior front-end در هولدینگ دک...
@kazemi 3 سال پیش مطرح شد
0

اگه داری فرانت یک سایت رو پیاده میکنی، بهترین وسیله ی پیاده سازی فریم ورک هایی هستن که اماده نوشته شده
مثل بوتسترپ (که پیشنهادش نمیکنم خیلی کثیف و پر حجمه)
مثل فاندیشن
مثل متریال ui
مثل آنت دیزاین
مثل sementic ui
مثل tailwind
من چندسال قبل موقع یادگیری ریسپانسیو بجای اینکه به حرف کسی گوش بدم، خودم رفتم یکی یکی اینارو باهم مقایسه کردم و بهترین رو انتخاب کردم که هنوزم از همون استفاده میکنم

هیچ بهترین یا بدترینی وجود نداره. باید ببینی چی به کارت میاد. من یه فریم ورک سبک میخواستم که همه جور ابزاری داشته باشه و کلاسهای راحتی داشته باشه و عناصر html اش به هم دیگه وابسته نباشن! دیدم بوتسترپ فقط سی اس اسش یه چیزی حدود 700 کیلوبایته!! که سایتو میترکونه فقط هم استایل داشت و ابزارهاش تعریفی نداشت
رفتم سمت فاندیشن (foundation zurb) که خیلی کم حجم و پر از ابزارهای کاربردی بود و اینکه
مزیتی که نسبت به بقیه فرم ورک ها داشت: هیچ اچ تی املی وابسته به اون یکی نیست. تمام عناصر با اتریبیوت تنظیم میشن. هیچ استایلی به کاربر نمیده. فقط امکانات میده

بوتسترپ محدوده به اینکه با چه نوع display ای کار کنی که الانم کاملا flex شده. ولی فاندیشن موقع دانلود بهمون این گزینه رو میداد که چه مدلی میخوای؟ flex, grid, float ؟!


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام