محمد ابوالحسنی
3 سال پیش توسط محمد ابوالحسنی مطرح شد
4 پاسخ

استفاده از position بجای flex

سلام . میخواستم ببینم اگز فقط از position استفاده کنم بجای float یا flex مشکلی پیش نمیاد ؟ برای ریسپانسیو چی ؟


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

خصوصیت flexbox مخصوص پیاده سازی چیدمان (Layout) در CSS هستش.
اینکه بخواید برای طراحی چیدمان صفحه، از خصوصیت position استفاده کنید غیراصولی خواهد بود. در نهایت عدم انعطاف و زحمت بیشتر، می‌تونه مهمترین دلیلی باشه که شما را از این شیوه عملکرد، بازداره.


محمد ابوالحسنی
تخصص : front end developer
@Kotu.bro 3 سال پیش مطرح شد
-1

غیر از زحمتش کلا مشکلی نداره ؟ برای ریسپانسیو هم در اینده مشکل بوجود نمیاره ؟


ASPgo
تخصص : HTML، CSS، PHP و JS، طراح قالب...
@asp.gosk 3 سال پیش مطرح شد
2

ببین برای Layout سایت باید از Float، Flex و Grid استفاده کنی و position یا translate اصلا خروجی خوبی ندارن چون برای Layout توسعه داده نشدن و در اصل برای موارد دیگه کاربرد دارن. Float هم به خاطر قدیمی بودن و مشکلاتش دیگه استفاده‌ای نداره.
Flex و Grid مناسب ترین راه قالب بندی هستن.
Position جدا از اینکه اساسا برای موارد دیگه به CSS اضافه شده، برای Responsive هم مشکلات زیادی داره. مثلا یکی از مشکلاتش اینکه باید خودت برای هر سایز مانیتور کد های جدا بزنی. اما تو Flex و Grid نیاز به اینکار نیست و اگه به طور استاندارد ازشون استفاده کنی تنها لازمه برای یه سایز موبایل(مثلا حدود 320px)، تبلت(حدود 768px) و لپ تاپ های متوسط/کوچیک(حدود 1024px) و در صورت نیاز برای مانیتور های بزرگتر خودت تو media query کد بنویسی و بقیه سایز ها رو خودکار پشتیبانی میکنه.


فرشید مرادی
تخصص : noob
@eniack 3 سال پیش آپدیت شد
3

سلام وقت بخیر ، خب طبیعتا طبق گفته مهندس

از خصوصیت position استفاده کنید غیراصولی خواهد بود

وقتی که غیر اصولی هست حتما برای سایت مشکل ساز خواهد بود مثلا شما در سایز دسکتاپ آیتم هارو به شکلی میچینید که از سمت چپ 20px فاصله داره حالا این رو در تمامی سایزهای موجود باید بیای و بررسی کنید که چه فاصله ای میخواد اما در پوزیشن flex مثلا یه flex-wrap:wrap میدید در تمامی سایزها خروجی ایده الی دارید شاید یکم تغییرات جزیی فقط نیاز داشته باشه


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

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