ریسپانسیو کردن قالب

@salar.mohammad2013
اگر هر px روی مانیوتور های مختلف متفاوت باشه پس میشه که برای container از max-vidth استفاده کرد و برای همه سایت ها از max-vidth : 1800 استفاده کنیم .
یعنی اوکی میشه ؟
و در مانیتور های مختلف اوکی هست ؟

دوست عزیز
به اندازه ی مانیتور نیست به همون پیکسله
شما مانیتور سیستم خودت الان ببین رزولوشنش چنده
برای من 23 اینچ هست و full hd

شما میتونی یه لبتاپ و تبلت کوچیک 15 اینچی داشته باشی full hd باشه
الان 70 درصد صفحه نمایش ها full hd هست اما شما باید برای سایز تبلت و لبتاپ ها که حدودا فکر میکنم 1366 در 768 طولشون هست هم مد نظر قرار بدی کارت رو اکثر لبتاپ ها این رنجشونه
برای سایز بزرگ تر از full hd من خودم تاحالا رسپانسیو نکردم چون خیلی درصد کمی هستند ولی کوچیک تر تا سایز موبایل رسپانسیو باید بشه

سلام ارادت
بنده تاحالا از
bootstrap , tailwind , material
استفاده نکردم فقط چندباری بوت استرپ تستی زدم خب اول بگم شما قرار نیست برا همه دستگاه ها با هر سایزی صفحه رو کاملا واکنشگرا کنی
به شخصه فقط برای گوشی/ تبلت و مانیتور متوسط واکنشگرا میکنم برا بقیه دستگاه ها بزرگتر از مانیتور متوسط مثل مانیتور بزرگ و تلویزیون و...
شما بیا به تگ body ی media query بده و بگو آقا مثلا به سایز 1500 رسیدی بیا و فلان شو اینطوری صفحه از سایز 1500 به بعد واسه تمام دستگاه ها ست میشه ی مثال

@media(min-width :1500px){
body{
width : 1500px;
margin : 0px auto;
} 
}

دیجی کالا هم از چنین روشی استفاده میکنه

@ossvahid
با سلام من responsive کردن رو خیلی تمرین کردم و هر قالبی رو تقرایبا هر شکلی که بخوام ریسپانسیو میکنم و حتی برای صفحات lanscape و portrait خیلی تمرین کردم

ولی سوال اصلی من این هست دیجی کالا برای چه ابعادی responsive میکنه ؟
تا چه پیکسلی معمولا ؟
اگر مثلا من برای container از max-with : 1800 px استفاده کنم توی مانیتور های بزرگ اوکی میشه ؟

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

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

معمولا صفحه نمایش مانیتور از 1280 شروع میشه تا... پس ما صفحه نمایش رو تا مثلا 1500 یا 1800 رسپانسیو میکنیم بعدش از تکنیکی که بهت گفتم استفاده می‌کنیم

در خصوص نمایش هم نگران نباش وقتی میگی 1800 پیکسل یعنی کاربری که مثلا داخل ی مانیتور 2800 پیکسلی داره صفحه رو میبینه داره ی صفحه با بخش 1800 پیکسلی رو میبینه

تیلویند رو حتما امتحان کن هم تو بحث ریسپانسیو هم توی بقیا کارت نصف میشه مثل بوت استرپ نیست که استایل آماده باشه خودت استایلای css رو توی کلاسای html میدی مثلا برای ریسپانسیو میدی

<div class="sm:w-10 md:w-16 lg:w-20 xl:w-24 2xl:w-28"></div>

@saghari
البته نیازی نیست از استایل بوت استرپ استفاده می کنید.
می توانید تنها از گرید بوت استرپ برای رسپانسیو سازی قالب به کار بگیری ...

سلام
سایت های که اسم بردی رو نگاه نکردم ولی اینو در نظر داشته باشید وقتی بار اول سایت لود میشه ممکنه براساس سایز تصویر یا دستگاه فایل های css دیگه ی لود بشه و بنظرم وقتی اینسپکت میگیری و صفحه رو تغییر سایز میدی و فونت ها ریز میشه بخاطر اینکه شما فایل css درستی رو براساس سایز لود نکردی و داری با اون فایل css که برای تصویر یا دستگاه شما بار اول لود شده بود کار میکنی.

باز میگم حدس میزنم چون در چندسایت مختلف این عملکرد رو دیدم.

@Raymond
فکر کنم اشتباه شده این کدی که دادم تیلوینده چون من بوت استرپ بلد نیستم
منظورم تفاوت معماری تیلویند و بوت استرپ و قابل مقایسه نبودنشون بود