عرفان ولی زاده
4 سال پیش توسط عرفان ولی زاده مطرح شد
11 پاسخ

بهترین راه برای ریسپانسیو ساختن یک سایت چی هست

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


ثبت پرسش جدید
میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش آپدیت شد
-1

استفاده از سیستم شبکه بندی هایی (grid system) نظیر بوت استرپ، محدودیت های در واکنش گرایی رو بهمراه داره.
برای کنترل حداکثری روی طرح تون، از دستور media استفاده کنید که اساس واکنشگرایی استفاده ازین دستور هستش.


عرفان ولی زاده
تخصص : طراح رابط کاربری، برنامه نویس...
@abouterfan 4 سال پیش مطرح شد
0

استاندارد ترین مانیتور ها که الان باید اضافه بشه برای اون حالت کدوم ها هست؟


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

حالت ایده آل اینه که صفحه ی شما در همه ی اندازه ها به درستی به نمایش در بیادش. حالا ممکنه 10 تا نقطه شکست داشته باشید یا دو تا داشته باشید.
ولی این چون ایده آل هستش، پیاده سازیش زحمت بیشتری رو می بره، بنابراین نقاط شکست رو معمولا 3-4-5 تا میذاریم.
میتونید مشابه بوت استرپ نقاط شکست رو انتخاب کنید با 4 نقطه (576px-768px-992px-1200px).
یا حتی میتونه سه نقطه باشه (600px-900px--1200px).
یا 5 تا یا 6 تا ...

اینها دیگه بستگی به طرح شما داره، باید در همه ی ابعاد نمایش درستی رو داشته باشه.


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش آپدیت شد
1

خیلی حساس نشید، از همین اعداد نقاط شکست بهره ببرید.
بازم دقیق تر میخواید این رو ببینید:
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
1

این گفتگو رو هم بخونید مفیده براتون:
https://roocket.ir/discuss/3982


عرفان ولی زاده
تخصص : طراح رابط کاربری، برنامه نویس...
@abouterfan 4 سال پیش مطرح شد
1

ممنونم از راهنمایی هاتون


رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 4 سال پیش آپدیت شد
1

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


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 4 سال پیش مطرح شد
3

TailwindCSS گزینه خوبیه.
کلی Utility داره که میتونی استفاده کنی


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
-3

سرزنده باشید 👍


مهدوی
تخصص : طراحی و برنامه نویسی وب
@amirmahdavinejad 4 سال پیش مطرح شد
0

استفاده از css grid , flexbox دست شمارو باز تر میکنه
من خودم فقط با flexbox کار میکنم و راضی ام


عرفان ولی زاده
تخصص : طراح رابط کاربری، برنامه نویس...
@abouterfan 4 سال پیش مطرح شد
2

@amirmahdavinejad @milad @ali.bayat @endworld
خیلی ممنونم از همه دوستان که وقت گذاشتید برای پاسخگویی


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

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