با سلام و خسته نباشید خدمت استاد عزیزم آقای خسروجردی؛
استاد تا اونجایی که بنده اطلاعات دارم برای قرار دادن المان ها کنار هم به صورت ریسپانسیو و بدون استفاده از bootstrap بعضی تگ ها یا کوئری هایی مثل @media ، دادن % به مقادیر width و ... ، استفاده از padding و margin ، float و position وجود دارند.
چند تا سوال و ابهام در این مورد داشتم:
1- استفاده از position در طراحی سایت ضعف حساب نمیشه و باعث به همریختگی و عدم واکنشپذری responsivility نمیشه ؟؟ (چون تصور من این بود که شما چون قرار نبوده واکنشپذیری درس بدید رفتید سراغ پوزیشن و اگه بخوایم واکنش پذیری کار کنیم نباید از این تگ استفاده کنیم)
2- چرا برای width یا padding ها و margin های افقی (چپ و راست) از درصد استفاده کردید مگه با px چه مشکلی بوجود میاد ؟؟؟
3- با فرض قرار دادن سه تا div کنار هم کدام روش بهترین روش است ؟ استفاده از float left و دادن padding به هرکدام یا position ??
4- کلا من خیلی گیج شدم که کی از پوزیشن و padding و margin استفاده کنم و کی از مثلا float ???
میشه بگید کدوم حالت بهتر هست ؟؟؟ و یک توضیح جامعی بفرمایید
پ.ن: نمیخوام همیشه با اچ تی ام ال و سی اس اس خام ریسپانسیو کنم اما میخوام اصولی یاد بگیرم.
با سلام خدمت شما همراه گرامی
۱- دقیقا دوست عزیزم چون ما وارد مباحث مربوط به واکنشگرایی نشده بودیم من فقط میخواستم خدمتتون یاد بدم که چجوری میشه المان هارو توی صفحه به حرکت دربیاریم
۲-با px هم میشه طراحی کرد ولی من چون میخواستم در هر سایز متناسب با اون درصد بگیره بخاطر همین از درصد استفاده کردم وگرنه محدودیتی وجود نداره
۳-ببینید این مورد کاملا بستگی به نوع لایه بندی صفحه شما داره پیشنهاد شده تا حد امکان از float استفاده نشه در لایه بندی هایی که مبتنی بر position هست به دلیل مشکلات زیادی که داره و در آینده دستمون رو میبنده واسه بعضی تغییرات و همچنین استفاده از position و پدینگ اگر با لایه بندی هماهنگ باشه میتونه استفاده بشه( بازم میگم استفاده از هر کدوم متناسب با لایه بندی صفحه هست مثلا کل پروژه سوم با float ما انجام دادیم)
۴-ببینید اینجوری نیست که بگیم کی از کدوم استفاده بشه باید لایه بندی ابتداییتون مشخص بشه و طبق اون پیش برید ما در پروژه اول لایه بندی نداشتیم اصلا پروژه دوم یک مقداری شروع به لایه بندی کردیم و پروژه سوم کامل با لایه بندی مبتنی بر float پیاده سازی کردیم
استاندارد ترین روش الان در حال حاظر روش پروژه سوم هست ولی خب هرکسی با یک لایه بندی میتونه ارتباط برقرار کنه شاید یکی با position ها راحت تر باشه ولی میگم پروژه سوم بهترین و استاندارد ترین روش هست
موفق وسربلند باشید
مخصوص اعضای ویژه 
